/* ============================================================
   Solar Bridge — Typography tokens
   Display: Coolvetica (the brand face). Bold, rounded, geometric,
   tightly tracked — confident and energetic. Use UPPERCASE for the
   loudest moments (echoes the logo wordmark).
   Body/UI: Archivo — a sturdy grotesque that reads cleanly at small
   sizes where Coolvetica gets too characterful.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-hero:      'Coolvetica Heavy', 'Coolvetica', 'Archivo', sans-serif;       /* logo-scale display */
  --font-display:   'Coolvetica', 'Archivo', sans-serif;                            /* H1–H2 */
  --font-condensed: 'Coolvetica Condensed', 'Coolvetica', 'Archivo', sans-serif;    /* stat numerals, tight labels */
  --font-crammed:   'Coolvetica Crammed', 'Coolvetica Condensed', sans-serif;       /* stacked editorial display */
  --font-body:      'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;    /* paragraphs, UI */
  --font-mono:      ui-monospace, 'SF Mono', Menlo, Consolas, monospace;           /* SKUs, specs, code */

  /* ---- Type scale (1.25 major-third-ish, display steps wider) ---- */
  --text-2xs:   11px;
  --text-xs:    12px;
  --text-sm:    14px;
  --text-base:  16px;
  --text-md:    18px;
  --text-lg:    20px;
  --text-xl:    24px;
  --text-2xl:   30px;
  --text-3xl:   38px;
  --text-4xl:   48px;
  --text-5xl:   62px;
  --text-6xl:   80px;
  --text-7xl:   108px;

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

  /* ---- Line heights ---- */
  --leading-none:    1;
  --leading-tight:   1.08;   /* big display */
  --leading-snug:    1.22;   /* headings */
  --leading-normal:  1.5;    /* body */
  --leading-relaxed: 1.65;   /* long-form */

  /* ---- Letter spacing (Coolvetica display wants it tight; labels wide) ---- */
  --tracking-tighter: -0.02em;
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.10em;   /* eyebrow / overline labels */
  --tracking-widest:  0.18em;
}