/* ============================================================
   DE SCÈNE — Typography tokens
   Display grotesque for impact · editorial serif for voice ·
   structural sans for meta & labels.
   ============================================================ */
:root {
  /* — Families — */
  --font-display: 'Anton', 'Arial Narrow', sans-serif;      /* wordmark, big headlines — ALL CAPS, heavy condensed */
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif; /* editorial body, quotes, article */
  --font-sans: 'Archivo', system-ui, -apple-system, sans-serif;  /* labels, meta, episode info, UI */

  /* — Display scale (Anton — always uppercase, heavy condensed, open tracking) — */
  --display-xxl: 8.5rem;   /* 136px — cover wordmark */
  --display-xl: 5.5rem;    /* 88px  — section openers */
  --display-lg: 3.75rem;   /* 60px  — headlines */
  --display-md: 2.5rem;    /* 40px  — sub-headlines */
  --display-sm: 1.75rem;   /* 28px  — kickers */

  /* — Serif editorial scale — */
  --serif-quote: 2.5rem;   /* 40px  — pull quote */
  --serif-lead: 1.5rem;    /* 24px  — lede / intro */
  --serif-body: 1.125rem;  /* 18px  — article body */
  --serif-sm: 1rem;        /* 16px */

  /* — Sans / meta scale — */
  --sans-lg: 1rem;         /* 16px */
  --sans-md: 0.875rem;     /* 14px  — labels */
  --sans-sm: 0.75rem;      /* 12px  — meta, episode tag */
  --sans-xs: 0.6875rem;    /* 11px  — micro caps */

  /* — Weights — */
  --w-display: 500; /* @kind font */  /* Oswald medium — the display weight */
  --w-regular: 400; /* @kind font */
  --w-medium: 500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold: 700; /* @kind font */

  /* — Line heights — */
  --lh-display: 0.92; /* @kind font */
  --lh-tight: 1.08; /* @kind font */
  --lh-snug: 1.35; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* — Tracking — */
  --track-display: 0.06em; /* @kind font */
  --track-label: 0.22em; /* @kind font */
  --track-meta: 0.14em; /* @kind font */
  --track-body: 0; /* @kind font */
}