/* ============================================================
   THEME: COUNSEL — quiet authority
   For: law, finance, medical, consulting, real estate
   Fonts: <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,500;0,6..72,600;1,6..72,500&family=Figtree:wght@400;500;600&display=swap" rel="stylesheet">
   ============================================================ */
:root{
  /* palette — ivory ground, navy-cast ink, deep green accent (trust, not flash) */
  --ground:      #FAF9F6;   /* ivory */
  --surface:     #FFFFFF;
  --surface-2:   #F0EEE8;
  --ink:         #1B2333;   /* navy-cast near-black */
  --ink-soft:    #3E4657;
  --muted:       #78808F;
  --line:        #DDDAD1;
  --accent:      #1B5747;   /* deep green — assurance, permanence */
  --accent-deep: #113C31;
  --accent-soft: #E2ECE7;
  --highlight:   #8C6D1F;   /* aged brass — hairline rules, small ornaments only */

  /* type — elegant text serif with real presence, clean humanist body */
  --display: "Newsreader", Georgia, serif;      /* opsz 60–72 at display sizes */
  --body:    "Figtree", -apple-system, sans-serif;
  --fs-hero:  clamp(36px, 5.5vw, 58px);
  --fs-h2:    clamp(26px, 3.6vw, 38px);
  --fs-h3:    21px;
  --fs-body:  17px;
  --fs-small: 14px;
  --fs-label: 12px;
  --lh-tight: 1.1;   --lh-body: 1.7;           /* roomiest body of the three */
  --track-label: .16em;

  /* space — the most generous rhythm; whitespace IS the luxury */
  --s1: 8px; --s2: 16px; --s3: 28px; --s4: 44px; --s5: 72px; --s6: 116px;
  --section-pad: clamp(72px, 11vw, 144px);
  --measure: 58ch;

  /* form */
  --radius: 2px;            /* almost none — engraved, not app-like */
  --radius-img: 2px;
  --shadow: 0 10px 44px -22px rgba(27,35,51,.22);
  --motion: 600ms cubic-bezier(.2,.6,.2,1);    /* measured, unhurried */
}
/* Character notes:
   - Newsreader italic for ONE pull-quote or credo line per page — the human voice.
   - Brass hairlines (1px --highlight) as section dividers; never boxes everywhere.
   - Signature candidates: engraved-style initial/monogram; centered credo section
     in italic serif; numbered practice areas set in small caps.
   - Photography: architectural, calm, desaturated-warm. People: candid, not posed. */