/* ===========================================================================
   Promethea · Typography tokens
   Three roles, preserved as a strict contrast:
     Display  — Newsreader (editorial serif, a little human, authored)
     Body/UI  — Hanken Grotesk (neutral, operator-grade, gets out of the way)
     Numbers  — IBM Plex Mono (tabular, load-bearing; numbers read as evidence)
   =========================================================================== */
:root {
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Display scale (Newsreader, weight 500, tight tracking) */
  --display-1: 66px;   /* hero */
  --display-2: 52px;   /* section hero / cover */
  --display-3: 40px;   /* subsection */
  --display-4: 34px;   /* card title */
  --display-lh: 1.03; /* @kind other */
  --display-tracking: -0.02em;

  /* Body / UI scale (Hanken Grotesk) */
  --text-xl: 21px;
  --text-lg: 19px;
  --text-md: 16px;
  --text-sm: 14px;
  --text-xs: 13px;
  --body-lh: 1.6; /* @kind other */
  --ui-lh: 1.5; /* @kind other */

  /* Numbers / data (IBM Plex Mono) */
  --num-xl: 26px;   /* hero metric */
  --num-lg: 22px;
  --num-md: 16px;
  --num-tracking: 0.01em;

  /* Eyebrow / label (mono, uppercase, wide tracking) — a signature Promethea detail */
  --eyebrow-size: 12px;
  --eyebrow-tracking: 0.2em;
  --eyebrow-small: 11px;
  --eyebrow-small-tracking: 0.16em;
}