/* ============================================================
   Mixart — Typography tokens · Brandguide V1.0
   Editorial & bold. Display set in Funnel Display (Light/Regular/
   Medium/Bold), body & UI in Archivo (Thin→Bold). The wordmark is
   a custom CADMO drawing (approximated by the Logo component).
   Fluid clamp() scale; headings track tighter.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display:  'Funnel Display', 'Archivo', system-ui, sans-serif; /* titles, headings */
  --font-body:     'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; /* body / UI */
  --font-wordmark: 'Funnel Display', 'Archivo', system-ui, sans-serif; /* fallback only — the wordmark is official art via the Logo component, never typeset */

  /* ---- Weights (official ramp caps at Bold 700) ---- */
  --weight-thin:      100;  /* Archivo only */
  --weight-light:     300;
  --weight-regular:   400;
  --weight-medium:    500;
  --weight-semibold:  600;  /* interim UI weight — not in the official ramp */
  --weight-bold:      700;
  --weight-extrabold: 700;  /* legacy alias — Brandguide has no 800; resolves to Bold */

  /* ---- Fluid scale ---- */
  --text-display:  clamp(3.5rem, 9vw,   7.5rem);  /* hero numerals / statement      */
  --text-h1:       clamp(2.5rem, 6vw,   5rem);
  --text-h2:       clamp(2rem,   4.5vw, 3.75rem);
  --text-h3:       clamp(1.5rem, 3vw,   2.25rem);
  --text-h4:       1.25rem;
  --text-body-lg:  1.125rem;
  --text-body:     1rem;
  --text-body-sm:  0.875rem;
  --text-caption:  0.75rem;
  --text-label:    0.6875rem;  /* kicker / overline */

  /* ---- Line heights ---- */
  --leading-display: 1.0;
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.6;   /* body copy */

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em;  /* large display */
  --tracking-tight:   -0.015em; /* headings */
  --tracking-normal:  0;
  --tracking-wide:    0.02em;
  --tracking-label:   0.18em;   /* uppercase kickers / labels */
}