/*
  The Unheld Question — design tokens
  Source of truth: project/Goodwin Aesthetic Guide.dc.html (the original
  Claude Design export, made under this business's earlier working name
  "Goodwin Coaching" — the aesthetic carries over unchanged)

  "A serious practice, plainly presented." One brass accent, one warm
  near-black, a family of papers. Square corners always — no radius
  tokens exist here on purpose.
*/

:root {
  /* ---- Color — Section 01 ---------------------------------------- */

  /* Ground */
  --color-ink: #16160F;           /* headlines, nav bar, closing bands, video title cards */
  --color-paper: #F7F6F2;         /* default background everywhere. Never pure white */
  --color-paper-shaded: #F0EDE4;  /* section bands that need separating without a rule */
  --color-card: #FBFAF6;          /* tiles sitting on shaded paper, separated by 1px gaps */

  /* Accent */
  --color-brass: #7C6027;         /* labels, numerals, links, rules, one primary button.
                                     Darkened from #8A6B2E so small brass text clears
                                     WCAG AA (4.5:1) on shaded paper as well as plain. */
  --color-brass-hover: #6B5222;
  --color-brass-on-ink: #C9A961;  /* same role, lightened for legibility on ink grounds */

  /* Text */
  --color-body: #4F4C42;          /* all paragraph text. Ink is for headlines only */
  --color-label: #6E6A5C;         /* mono labels, table headers, muted metadata */
  --color-rule: #DCD8CC;          /* every hairline divider, at exactly 1px */

  /* On ink grounds */
  --color-body-on-ink: #A9A390;
  --color-ui-on-ink: #D6D2C4;
  --color-label-on-ink: #888172;  /* lightened from #7D7767 to clear AA (4.5:1) on ink — footer text */
  --color-rule-on-ink: #3A382E;
  --color-border-on-ink: #2A2921;
  --color-card-on-ink: #1E1E16;   /* tiles on an ink band */
  --color-rule-on-ink-strong: #34322A; /* 1px gaps between tiles on an ink band */

  /* ---- Type — Section 02 ------------------------------------------ */

  --font-serif: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --font-sans: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Working scale, px at print/web size — scale proportionally for slides & video */
  --text-hero-size: 50px;         --text-hero-lh: 1.14;    /* hero headline */
  --text-section-size: 42px;      --text-section-lh: 1.14; /* section headline */
  --text-subsection-size: 34px;   --text-subsection-lh: 1.20; /* subsection / quote */
  --text-title-size: 30px;        --text-title-lh: 1.20;   /* section title / stat */
  --text-item-size: 21px;         --text-item-lh: 1.30;    /* item title (21–22) */
  --text-body-size: 16px;         --text-body-lh: 1.70;    /* body */
  --text-body-dense-size: 14.5px; --text-body-dense-lh: 1.65; /* body, dense (14.5–15) */
  --text-button-size: 12.5px;                                /* button label, caps */
  --text-eyebrow-size: 10.5px;                                /* eyebrow / label, caps (10.5–12) */

  --tracking-headline: -0.015em;
  --tracking-title: -0.01em;
  --tracking-button: 0.12em;
  --tracking-eyebrow: 0.18em;
  --tracking-nav: 0.1em;

  /* ---- Layout & form — Section 03 ---------------------------------- */

  --radius: 0;             /* square corners, always — cards, buttons, photos, tags */
  --rule-width: 1px;
  --gutter: 56px;           /* ~5% at 1040px width */
  --band-spacing: 88px;     /* 80–96px between bands */
  --content-max-width: 1040px;
  --measure: 62ch;          /* body copy measure cap */
  --measure-wide: 66ch;     /* list copy measure cap */
}