/* ── Typography ──────────────────────────────────────────────────────
   Headlines: Newsreader (warm high-contrast serif).
   Body & UI: Inter. Data/numbers: Inter with tabular figures.
   H1 56–72px desktop / 34–40px mobile; body 17–18px / 1.6. */
:root {
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-data: 'Inter', sans-serif; /* pair with --fs-tabular feature */

  /* Font sizes (desktop) */
  --fs-display: 4.5rem;   /* 72px — hero display */
  --fs-h1: 3.5rem;        /* 56px */
  --fs-h2: 2.5rem;        /* 40px */
  --fs-h3: 1.75rem;       /* 28px */
  --fs-h4: 1.25rem;       /* 20px */
  --fs-body-lg: 1.125rem; /* 18px */
  --fs-body: 1.0625rem;   /* 17px */
  --fs-small: 0.9375rem;  /* 15px */
  --fs-eyebrow: 0.6875rem;/* 11px */

  /* Line heights */
  --lh-tight: 1.05; /* @kind other */
  --lh-heading: 1.15; /* @kind other */
  --lh-body: 1.6; /* @kind other */

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */

  /* Tracking */
  --tracking-tight: -0.02em;   /* headlines */
  --tracking-normal: 0;
  --tracking-eyebrow: 0.14em;  /* uppercase eyebrow labels */

  /* Tabular figures helper (apply as font-feature-settings) */
  --feat-tabular: 'tnum' 1, 'lnum' 1; /* @kind other */
  --measure: 68ch; /* max body line length */
}