/* ============================================================
   Feli Feli — Typography Tokens
   Archivo (clean heavy grotesque — headings & display)
   · Inter (body) · Space Mono (technical / numeric register).
   No serifs, no italics. Headlines lean bold + tight.
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Archivo', 'Helvetica Neue', Arial, system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'Space Mono', 'SFMono-Regular', ui-monospace, monospace;

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

  /* Type scale (px values mirror the brand spec) */
  --fs-hero:     72px;  /* Display / Hero — Archivo ExtraBold, -0.02em */
  --fs-h1:       40px;  /* Heading 1     — Archivo Bold */
  --fs-h2:       28px;  /* Heading 2     — Archivo Bold */
  --fs-h3:       20px;  /* Heading 3     — Archivo SemiBold */
  --fs-body-lg:  16px;  /* Body Large    — Inter Light */
  --fs-body:     14px;  /* Body          — Inter Regular */
  --fs-label:    11px;  /* Label/Caption — Space Mono, 0.14em, UPPERCASE */

  /* Fluid display for hero contexts */
  --fs-hero-fluid: clamp(40px, 7vw, 72px); /* @kind font */

  /* Line heights */
  --lh-tight:   1.05; /* @kind other */
  --lh-snug:    1.2;  /* @kind other */
  --lh-normal:  1.5;  /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing — display runs tight for a punchy grotesque feel */
  --ls-hero:   -0.02em; /* @kind other */
  --ls-tight:  -0.01em; /* @kind other */
  --ls-normal: 0;        /* @kind other */
  --ls-label:  0.14em; /* @kind other */ /* Space Mono eyebrow labels */
  --ls-wide:   0.18em;   /* @kind other */
}