/* ==========================================================================
   ZONX PRISM — TYPOGRAPHY TOKENS
   ========================================================================== */

:root {
  /* --- Families --- */
  --font-display: 'Space Grotesk', 'Hanken Grotesk', system-ui, sans-serif;
  --font-ui: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* --- Type scale (px) — desktop shell density --- */
  --text-display: 40px;   /* hero / marketing display */
  --text-h1: 28px;        /* screen titles */
  --text-h2: 22px;        /* section titles */
  --text-h3: 18px;        /* card / panel titles */
  --text-lg: 16px;        /* emphasized body */
  --text-base: 14px;      /* default UI body — the workhorse */
  --text-sm: 13px;        /* dense rows, labels */
  --text-xs: 12px;        /* metadata, timestamps */
  --text-2xs: 11px;       /* micro labels, badges */

  /* --- Weights --- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* --- Line heights --- */
  --leading-tight: 1.12;   /* display / headings */
  --leading-snug: 1.32;    /* titles */
  --leading-normal: 1.5;   /* body */
  --leading-relaxed: 1.62; /* long-form reading */

  /* --- Letter spacing --- */
  --tracking-tight: -0.02em;   /* display */
  --tracking-snug: -0.01em;    /* headings */
  --tracking-normal: 0em;
  --tracking-wide: 0.02em;     /* small labels */
  --tracking-caps: 0.08em;     /* all-caps eyebrows */
}