/* ============================================================
   The Identity Atelier — Typography Tokens
   Pairing: Playfair Display (Didone display) · Hanken Grotesk
   (grotesque body/UI) · Caveat (handwritten accent)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif; /* REAL — Didone headlines */
  --font-serif:   'Noto Serif', Georgia, 'Times New Roman', serif;       /* REAL — editorial body */
  --font-body:    'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif; /* sub — UI / labels */
  --font-script:  'Gloria Hallelujah', 'Segoe Script', cursive;          /* REAL — handwritten accent / carousel subtitles */

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

  /* ---- Fluid display scale (editorial headlines) ---- */
  --text-hero:    clamp(3rem, 7.6vw, 6.5rem);    /* 48 → 104 */
  --text-d1:      clamp(2.5rem, 5.5vw, 4.5rem);  /* 40 → 72 */
  --text-d2:      clamp(2rem, 4vw, 3.25rem);     /* 32 → 52 */
  --text-d3:      clamp(1.6rem, 2.9vw, 2.4rem);  /* 26 → 38 */

  /* ---- Static UI / body scale ---- */
  --text-h4:      1.5rem;    /* 24 */
  --text-h5:      1.25rem;   /* 20 */
  --text-lg:      1.125rem;  /* 18 */
  --text-base:    1rem;      /* 16 */
  --text-sm:      0.875rem;  /* 14 */
  --text-xs:      0.75rem;   /* 12 */
  --text-2xs:     0.6875rem; /* 11 — eyebrows */

  /* ---- Line heights ---- */
  --lh-tight:     1.02;   /* @kind other */
  --lh-snug:      1.18; /* @kind other */
  --lh-normal:    1.45; /* @kind other */
  --lh-relaxed:   1.65;   /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:     -0.02em; /* @kind other */
  --ls-normal:    0; /* @kind other */
  --ls-wide:      0.04em; /* @kind other */
  --ls-eyebrow:   0.22em;  /* @kind other */
}