/* ============================================================
   O'taquet Beauty — Typography tokens
   Cormorant Garamond (display, poids 500) + Jost (corps 300).
   La hiérarchie vient de l'échelle et du poids, pas de la couleur.
   ============================================================ */
:root{
  /* — Familles — */
  --font-display:'Cormorant Garamond', Georgia, serif;
  --font-body:'Jost', -apple-system, 'Segoe UI', sans-serif;

  /* — Poids — */
  --fw-body:300; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */

  /* — Échelle (clamp: mobile → desktop) — */
  --fs-display:clamp(38px,5.4vw,66px); /* @kind font */
  --fs-h1:clamp(32px,5vw,48px); /* @kind font */
  --fs-h2:clamp(26px,4vw,38px); /* @kind font */
  --fs-h3:22px; /* @kind font */
  --fs-lead:20px; /* @kind font */
  --fs-body:15.5px; /* @kind font */
  --fs-small:13px; /* @kind font */
  --fs-label:11px; /* @kind font */

  /* — Interlignage — */
  --lh-tight:1.1; /* @kind font */
  --lh-body:1.65; /* @kind font */

  /* — Interlettrage — */
  --ls-label:.3em;   /* eyebrow */
  --ls-btn:.16em;    /* boutons */
  --ls-wide:.14em;   /* labels / familles */
}