/* ============================================================
   LESTER'S — TYPOGRAPHY TOKENS
   Display: Lilita One, chunky rounded (1970s diner). Set TIGHT.
   Body:    DM Sans (humanist grotesk) + tracked-caps labels.
   Script:  Yellowtail brush — voice-copy accent only, never body.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Lilita One', 'Arial Rounded MT Bold', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --font-script:  'Yellowtail', cursive; /* brush accent for voice copy — NOT the wordmark (wordmark = SVG asset) */

  /* ---- Type scale (printed poster rhythm) ---- */
  --fs-display:    clamp(3.5rem, 7vw, 6rem); /* @kind font */   /* hero chunky display */
  --fs-h1:         clamp(2.5rem, 4.5vw, 3.75rem); /* @kind font */
  --fs-h2:         clamp(1.875rem, 3vw, 2.5rem); /* @kind font */
  --fs-subhead:    1.375rem; /* @kind font */                    /* 22px */
  --fs-body:       1.0625rem; /* @kind font */                   /* 17px */
  --fs-caption:    0.875rem; /* @kind font */                     /* 14px */
  --fs-micro:      0.6875rem; /* @kind font */                     /* 11px back-of-pack */

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

  /* ---- Line heights ---- */
  --lh-tight:      0.95; /* @kind font */   /* display */
  --lh-snug:       1.15; /* @kind font */   /* headings */
  --lh-body:       1.55; /* @kind font */   /* copy */
  --lh-micro:      1.4; /* @kind font */

  /* ---- Letter-spacing — chunky rounded display runs TIGHT ---- */
  --ls-display:    0; /* @kind font */          /* big Lilita One headlines */
  --ls-signage:    0.16em; /* @kind font */  /* uppercase signage / category callouts (DM Sans or small Lilita) */
  --ls-label:      0.08em; /* @kind font */  /* small tracked-caps labels */
  --ls-body:       0; /* @kind font */
  --ls-tight:      -0.01em; /* @kind font */
}
