:root {
  /* ---- Font families ---- */
  --font-display: 'Anton', 'Arial Narrow Bold', sans-serif;           /* headlines, scores, stat call-outs */
  --font-body: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif;   /* paragraphs, nav, labels */
  --font-mono: 'ui-monospace', 'SFMono-Regular', Menlo, monospace;    /* timestamps, episode numbers in data views */

  /* ---- Type scale (px) ---- */
  --text-display-xl: 96px;   /* hero titles on dark full-bleed panels */
  --text-display-lg: 64px;
  --text-display-md: 44px;
  --text-display-sm: 32px;
  --text-heading: 26px;
  --text-body-lg: 20px;
  --text-body: 17px;
  --text-body-sm: 15px;
  --text-caption: 13px;
  --text-eyebrow: 13px;

  /* ---- Line heights ---- */
  --leading-display: 0.98;
  --leading-heading: 1.08;
  --leading-body: 1.5;
  --leading-caption: 1.35;

  /* ---- Letter spacing ---- */
  --tracking-display: 0.01em;
  --tracking-eyebrow: 0.14em;
  --tracking-body: 0;

  /* ---- Weights (Barlow Semi Condensed) ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}