/* HELIX — Typography tokens
   Three roles, one scale:
   · Plus Jakarta Sans 600–800 — display, titles, big numbers, wordmark
   · Inter 400–700 — all body, labels, buttons
   · JetBrains Mono 400–700 — position codes, stats, the clock, anything tabular
   Sentence case throughout. Mono is for data only, never body. */

:root {
  /* ---- Families ---- */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* ---- Type scale (px) ---- */
  --text-display: 40px;   /* PJS 800 / 1.0 / -2% */
  --text-h1: 26px;        /* PJS 700 / 1.15 — screen title */
  --text-h2: 20px;        /* PJS 700 / 1.2  — section heading */
  --text-h3: 16px;        /* PJS 700 — card title */
  --text-body-lg: 18px;   /* Inter 400 / 1.5 */
  --text-body: 16px;      /* Inter 400 / 1.5 — default */
  --text-body-sm: 14px;   /* Inter 400 / 1.5 */
  --text-label: 13px;     /* Inter 600 — button & UI label */
  --text-caption: 12px;   /* Inter 500 — meta */
  --text-eyebrow: 11px;   /* Mono 500 / .14em / uppercase — overline */

  /* ---- Mono / data sizes ---- */
  --data-xl: 30px;        /* the clock, big figures */
  --data-lg: 18px;
  --data-md: 15px;
  --data-sm: 13px;
  --data-xs: 11px;        /* position-code chips, micro labels */

  /* ---- Line heights ---- */
  --leading-tight: 1.04;
  --leading-snug: 1.15;
  --leading-normal: 1.5;

  /* ---- Letter spacing ---- */
  --tracking-display: -0.02em;
  --tracking-title: -0.01em;
  --tracking-normal: 0;
  --tracking-eyebrow: 0.14em;  /* mono overlines / labels */
  --tracking-code: 0.02em;     /* position codes */
}
