/* ============================================================
   Frame & Field — Typography tokens
   Three families, sharply separated by role.
   Anton = system voice (display). Inter = supporting voice (body/UI).
   JetBrains Mono = numerals & meta marks only.
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: "Anton", "Impact", "Oswald", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* --- Display scale (Anton, uppercase, period-terminated) --- */
  --fs-display-xxl: clamp(64px, 12vw, 160px); /* @kind font */
  --fs-display-xl: clamp(56px, 9vw, 112px); /* @kind font */
  --fs-headline-lg: clamp(48px, 7vw, 88px); /* @kind font */
  --fs-headline-md: clamp(32px, 4.4vw, 56px); /* @kind font */
  --fs-headline-sm: clamp(22px, 2.4vw, 32px); /* @kind font */

  /* --- Body scale (Inter) --- */
  --fs-body-lg: 17px; /* @kind font */
  --fs-body-md: 15px; /* @kind font */
  --fs-body-sm: 13px; /* @kind font */
  --fs-label-sm: 12px; /* @kind font */

  /* --- Mono scale (JetBrains Mono) --- */
  --fs-stat: clamp(56px, 7vw, 88px); /* @kind font */
  --fs-meta: 12px; /* @kind font */

  /* --- Line heights --- */
  --lh-display: 0.94; /* @kind font */
  --lh-headline: 1.02; /* @kind font */
  --lh-body: 1.55; /* @kind font */
  --lh-tight: 1.2; /* @kind font */

  /* --- Tracking --- */
  --tracking-display: -0.01em; /* @kind font */
  --tracking-label: 0.02em; /* @kind font */
  --tracking-mono: -0.02em; /* @kind font */

  /* --- Weights (Inter uses 400/500, 600 for wordmark only) --- */
  --weight-body: 400; /* @kind font */
  --weight-medium: 500; /* @kind font */
  --weight-wordmark: 600; /* @kind font */
}