/* ==========================================================================
   Vucable — Typography tokens
   Display: Sora (geometric, confident — echoes the wordmark)
   Body/UI: Manrope (warm humanist geometric)
   Mono:    JetBrains Mono (data, code, the VUCA definition device)
   ========================================================================== */

:root {
  /* ---- Families ---------------------------------------------------------- */
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-sans:    'Manrope', 'Segoe UI', system-ui, 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-extra:    800;

  /* ---- Type scale (1.250 major-third-ish, tuned) ------------------------- */
  --text-display-2xl: 72px;
  --text-display-xl:  56px;
  --text-display-lg:  44px;
  --text-h1:          36px;
  --text-h2:          28px;
  --text-h3:          22px;
  --text-h4:          18px;
  --text-body-lg:     18px;
  --text-body:        16px;
  --text-body-sm:     14px;
  --text-caption:     13px;
  --text-overline:    12px;

  /* ---- Line heights ------------------------------------------------------ */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---------------------------------------------------- */
  --tracking-tighter: -0.03em;  /* big display */
  --tracking-tight:   -0.015em; /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-overline:0.14em;   /* uppercase labels */
}