/* ============================================================
   L'origine du thé — Typography tokens
   Four voices:
   · Cormorant Garamond  — display, French elegance (青花 calm)
   · Spectral            — body, literary & quiet
   · Hanken Grotesk      — UI labels, prices, eyebrows, nav
   · Caveat              — « la main de Lijun », handwritten notes
   NOTE: these are Google-Fonts stand-ins for the boutique's real
   hand-lettering. See readme.md › Visual Foundations.
   ============================================================ */

:root {
  /* ---------- Families ---------- */
  --font-display: 'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --font-serif:   'Spectral', Georgia, 'Times New Roman', serif;
  --font-sans:    'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-script:  'Caveat', 'Segoe Script', cursive;

  /* ---------- Type scale (16px base) ---------- */
  --text-xs:   0.75rem;    /* 12 — micro labels */
  --text-sm:   0.8125rem;  /* 13 — captions, prices */
  --text-base: 0.9375rem;  /* 15 — UI text */
  --text-body: 1.0625rem;  /* 17 — reading body */
  --text-md:   1.25rem;    /* 20 — lead-in */
  --text-lg:   1.625rem;   /* 26 */
  --text-xl:   2.125rem;   /* 34 */
  --text-2xl:  2.75rem;    /* 44 */
  --text-3xl:  3.75rem;    /* 60 */
  --text-4xl:  5rem;       /* 80 */
  --text-5xl:  6.5rem;     /* 104 — hero */

  /* ---------- Weights ---------- */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---------- Line heights ---------- */
  --leading-none:    1;
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.72;

  /* ---------- Letter spacing ---------- */
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.06em;
  --tracking-eyebrow: 0.24em;   /* letter-spaced sans eyebrows */
}