/* MORE OF EVERYTHING — typography tokens
   Display: Archivo Black (heavy condensed grotesque — wordmark, designations, headers)
   Body:    Hanken Grotesk (humanist sans, generous x-height — screed/application copy)
   Mono:    Space Mono (technical register — captions, designations, spec-adjacent) */

:root {
  --font-display: 'Archivo Black', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* display scale — fluid, tuned from the shipped BAFFLE page */
  --text-display-hero: clamp(72px, 13vw, 210px);   /* full product name under the hero */
  --text-display-xl: clamp(38px, 5.8vw, 106px);    /* footer wordmark */
  --text-display-lg: clamp(34px, 6vw, 96px);       /* ACTION / ART lockup */
  --text-display-md: clamp(28px, 4vw, 64px);        /* sign-off headline */
  --text-display-sm: clamp(26px, 3.2vw, 50px);      /* numbered block headline */
  --text-display-xs: clamp(22px, 2.4vw, 36px);      /* card/module title */

  /* body scale */
  --text-body-lg: clamp(18px, 1.75vw, 26px);  /* essay lead line */
  --text-body-md: clamp(16px, 1.35vw, 20px);  /* essay/application copy — never smaller on the read column */
  --text-body-sm: clamp(15px, 1.25vw, 18px);  /* module copy */

  /* mono / technical scale */
  --text-mono-md: 14px;   /* footer contact lines */
  --text-mono-sm: 13px;   /* section markers, nav */
  --text-mono-xs: 11px;   /* fine print, catalog captions */

  --leading-tight: 0.82;   /* display hero */
  --leading-snug: 0.9;     /* display headlines */
  --leading-body: 1.65;    /* essay copy */
  --leading-lead: 1.45;    /* lead paragraphs */

  --tracking-mono-wide: 0.22em;  /* section markers ("01 · THE THROUGH LINE") */
  --tracking-mono-mid: 0.14em;   /* nav / contact lines */
  --tracking-mono-tight: 0.05em;
  --tracking-display-tight: -0.02em;
}