/* ============================================================
   TYPOGRAPHY — whisper-vs-shout. Manuka shouts >=60px, PolySans
   works, PolySans Mono labels in UPPERCASE only.
   Substitute display line-heights loosened ~+0.12 vs. spec
   (Anton metrics are wider than Manuka).
   ============================================================ */
:root {
  /* --- Families (substitutes) --- */
  --font-display: 'Anton', Impact, Helvetica, sans-serif;          /* Manuka */
  --font-sans:    'Space Grotesk', Helvetica, Arial, sans-serif;   /* PolySans */
  --font-mono:    'Space Mono', 'Courier New', Courier, monospace; /* PolySans Mono */
  --font-serif:   'Newsreader', Georgia, serif;                    /* FK Roman Standard */

  /* --- Weights --- */
  --weight-thin:    300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;
  --weight-display: 400; /* Anton is single-weight; reads as 900 */

  /* --- Display scale (Manuka substitute) --- */
  --type-hero-size:        107px;  --type-hero-lh: 0.92;  --type-hero-ls: 1.07px;
  --type-display-2-size:   90px;   --type-display-2-lh: 0.92;
  --type-display-3-size:   60px;   --type-display-3-lh: 0.92;

  /* --- Headlines (PolySans) --- */
  --type-h-large-size:     34px;   --type-h-large-lh: 1.00;
  --type-h-wide-size:      32px;   --type-h-wide-lh: 1.10;  --type-h-wide-ls: 0.32px;
  --type-h-medium-size:    24px;   --type-h-medium-lh: 1.00;
  --type-h-small-size:     20px;   --type-h-small-lh: 1.00;

  /* --- Labels & body (PolySans) --- */
  --type-label-light-size: 19px;   --type-label-light-lh: 1.20; --type-label-light-ls: 1.9px;
  --type-label-xl-size:    18px;   --type-label-xl-lh: 1.10;  --type-label-xl-ls: 1.8px;
  --type-body-bold-size:   16px;   --type-body-bold-lh: 1.00;
  --type-body-size:        16px;   --type-body-lh: 1.60;
  --type-label-inline-size:15px;   --type-label-inline-lh: 1.20; --type-label-inline-ls: 0.15px;
  --type-body-compact-size:13px;   --type-body-compact-lh: 1.60;
  --type-eyebrow-size:     12px;   --type-eyebrow-lh: 1.30;  --type-eyebrow-ls: 1.8px;
  --type-tag-size:         12px;   --type-tag-lh: 1.20;  --type-tag-ls: 0.72px;
  --type-caption-size:     11px;   --type-caption-lh: 1.20; --type-caption-ls: 1.1px;
  --type-meta-nano-size:   10px;   --type-meta-nano-lh: 1.40; --type-meta-nano-ls: 1.5px;

  /* --- Mono (PolySans Mono) — UPPERCASE only --- */
  --type-mono-btn-size:    12px;   --type-mono-btn-lh: 2.00;  --type-mono-btn-ls: 1.5px;
  --type-mono-ts-size:     11px;   --type-mono-ts-lh: 1.20;  --type-mono-ts-ls: 1.1px;

  /* --- Serif (FK Roman substitute) --- */
  --type-serif-body-size:  16px;   --type-serif-body-lh: 1.30; --type-serif-body-ls: -0.16px;
  --type-serif-cap-size:   20px;   --type-serif-cap-lh: 1.20;
}