/* ── Type scale ──────────────────────────────────────────────────────────
   Two voices only. Playfair Display for anything that announces; Poppins for
   anything that explains. Never a third face except the event script.
   Deck sizes are authored at 1280×720 and scale with the stage.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* Display (Playfair Display) */
  --display-hero: 700 clamp(44px, 6.2vw, 96px)/0.98 var(--font-display);
  --display-1: 700 clamp(36px, 4.4vw, 64px)/1.02 var(--font-display);
  --display-2: 700 clamp(30px, 3.2vw, 46px)/1.06 var(--font-display);
  --display-3: 700 26px/1.14 var(--font-display);
  --display-4: 700 20px/1.2 var(--font-display);

  /* Body / UI (Poppins) */
  --body-lg: 400 19px/1.62 var(--font-body);
  --body-md: 400 16px/1.65 var(--font-body);
  --body-sm: 400 14px/1.6 var(--font-body);
  --body-xs: 400 12px/1.5 var(--font-body);
  --ui-label: 500 14px/1.2 var(--font-body);
  --ui-button: 500 15px/1 var(--font-body);

  /* Eyebrow — the deck's running header, letterspaced caps */
  --eyebrow: 500 11px/1.2 var(--font-body);
  --eyebrow-tracking: 0.16em;

  /* Numerals — track-record stats, prices, scores */
  --stat-xl: 700 clamp(36px, 4vw, 56px)/1 var(--font-display);
  --stat-md: 700 28px/1 var(--font-display);

  /* Event script */
  --script-xl: 400 clamp(48px, 8vw, 132px)/0.8 var(--font-script);

  /* Tracking */
  --tracking-display: -0.015em;  /* tighten Playfair at large sizes */
  --tracking-body: 0em;
  --tracking-caps: 0.16em;
}