/* ============================================================
   Carbon Blast Auto — Typography tokens
   Quicksand (brand display) · Poppins (headings) · Manrope (body)
   Modern, highly legible, generous spacing. Bold heads, clean body.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-brand:   'Quicksand', 'Poppins', system-ui, sans-serif; /* wordmark / eyebrow flourish */
  --font-display: 'Poppins', 'Quicksand', system-ui, sans-serif; /* headings */
  --font-body:    'Manrope', system-ui, -apple-system, sans-serif; /* body + UI */
  --font-mono:    'Manrope', ui-monospace, monospace;

  /* ---- Weights ---- */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extra:     800; /* @kind font */

  /* ---- Type scale (clamped, fluid). Sizes marked @kind other so the
     clamp() commas aren't mistaken for a font-family stack. ---- */
  --fs-display:   clamp(2.75rem, 1.6rem + 4.6vw, 5rem); /* @kind other */
  --fs-h1:        clamp(2.25rem, 1.5rem + 3vw, 3.5rem); /* @kind other */
  --fs-h2:        clamp(1.75rem, 1.25rem + 2vw, 2.5rem); /* @kind other */
  --fs-h3:        clamp(1.375rem, 1.1rem + 1.1vw, 1.75rem); /* @kind other */
  --fs-h4:        1.25rem; /* @kind font */
  --fs-lead:      clamp(1.0625rem, 1rem + 0.4vw, 1.25rem); /* @kind other */
  --fs-body:      1rem; /* @kind font */
  --fs-sm:        0.875rem; /* @kind font */
  --fs-xs:        0.75rem; /* @kind font */
  --fs-eyebrow:   0.8125rem; /* @kind font */
  --fs-stat:      clamp(2.5rem, 1.8rem + 2.4vw, 3.5rem); /* @kind other */


  /* ---- Line heights ---- */
  --lh-tight:     1.05; /* @kind font */
  --lh-snug:      1.18; /* @kind font */
  --lh-normal:    1.45; /* @kind font */
  --lh-body:      1.65; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight:     -0.02em; /* @kind font */
  --ls-head:      -0.01em; /* @kind font */
  --ls-normal:    0; /* @kind font */
  --ls-eyebrow:   0.18em; /* @kind font */
  --ls-label:     0.06em; /* @kind font */
}