/* ============================================================
   Mereke — Typography tokens
   Display = Playfair Display (didone serif)
   Body/UI = PT Sans (humanist sans)
   ============================================================ */

:root {
  /* ---- Families ------------------------------------------- */
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-body:    'PT Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;

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

  /* ---- Fluid type scale (marketing / slide scale) ---------
     Sizes lean large — this is a festive, expressive brand.
     display=hero · h1=section · h3=card head · stat=numerals    */
  --fs-display:  clamp(3.25rem, 6vw, 5.5rem); /* @kind font */
  --fs-h1:       clamp(2.5rem, 4.4vw, 4rem); /* @kind font */
  --fs-h2:       clamp(1.875rem, 3vw, 2.75rem); /* @kind font */
  --fs-h3:       clamp(1.375rem, 2vw, 1.75rem); /* @kind font */
  --fs-stat:     clamp(2.5rem, 4.5vw, 4rem); /* @kind font */
  --fs-lead:     clamp(1.125rem, 1.5vw, 1.5rem); /* @kind font */
  --fs-body:     1.0625rem; /* @kind font */
  --fs-body-sm:  0.9375rem; /* @kind font */
  --fs-caption:  0.8125rem; /* @kind font */
  --fs-overline: 0.75rem; /* @kind font */

  /* ---- Line heights (tight=display · normal=body) --------- */
  --lh-tight:   1.04; /* @kind font */
  --lh-snug:    1.18; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing (overline=uppercase eyebrows) ------- */
  --ls-tight:    -0.02em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.04em; /* @kind font */
  --ls-overline: 0.18em; /* @kind font */
}