/* ============================================================
   TRAIN WMFS — TYPOGRAPHY TOKENS
   Bebas Neue for loud condensed display. Inter for everything read.
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Bebas Neue', 'Oswald', sans-serif;  /* headlines, stats, nav logo */
  --font-body: 'Inter', system-ui, sans-serif;          /* body, UI, labels */

  /* Display sizes (Bebas) — line-height stays tight, ~0.9–0.95 */
  --display-hero: clamp(4rem, 9vw, 8.5rem); /* @kind font */
  --display-xl: clamp(2.8rem, 6.5vw, 6rem); /* @kind font */
  --display-lg: clamp(2.8rem, 5.5vw, 5rem); /* @kind font */
  --display-md: 1.7rem; /* @kind font */
  --display-sm: 1.35rem; /* @kind font */
  --display-stat: clamp(2.6rem, 4.5vw, 4.5rem); /* @kind font */

  /* Body sizes (Inter) */
  --text-lg: 1rem;        /* lead paragraph */
  --text-base: 0.9rem;    /* default body */
  --text-sm: 0.84rem;     /* secondary */
  --text-xs: 0.75rem;     /* meta, captions */
  --text-2xs: 0.68rem;    /* eyebrow labels */

  /* Weights (Inter ships 300–900) */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;

  /* Line heights */
  --leading-display: 0.92;
  --leading-tight: 1.2;
  --leading-body: 1.75;

  /* Letter-spacing — Bebas & uppercase labels run wide */
  --tracking-display: 0.02em;
  --tracking-label: 0.2em;   /* eyebrow / kicker labels */
  --tracking-button: 0.14em; /* uppercase buttons */
  --tracking-nav: 0.12em;    /* nav links */
}