/* ──────────────────────────────────────────────────────────
   TYPOGRAPHY TOKENS
   Krona One — geometric display caps for titles & stats.
   Geist — clean grotesque for everything else.
   ────────────────────────────────────────────────────────── */
:root {
  /* Families */
  --font-display: "Krona One", "Geist", sans-serif;
  --font-text: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Weights (Geist) */
  --fw-light: 300;    /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium: 500;   /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700;     /* @kind font */

  /* Display scale — Krona One, line-height 100% (set on the brand) */
  --fs-display-xl: 62px;   /* hero headline */
  --fs-display-lg: 48px;   /* section header */
  --fs-display-md: 32px;   /* stat value / sub-header */
  --fs-display-sm: 24px;

  /* Text scale — Geist */
  --fs-body-lg: 18px;      /* the brand's default body & nav size */
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;

  /* Line heights */
  --lh-display: 1.0;  /* @kind font */
  --lh-snug: 1.15;    /* @kind font */
  --lh-body: 1.5;     /* @kind font */

  /* Tracking */
  --ls-display: -0.01em; /* @kind font */
  --ls-normal: 0;        /* @kind font */
  --ls-wide: 0.04em;     /* @kind font */
}