/* ============================================================
   Tel qu'elle — Typography tokens
   Montserrat for everything; Parisienne for script accents.
   The brand wordmark is LIGHT/THIN geometric sans — display
   headings lean on weights 200–300 with open letter-spacing.
   ============================================================ */

:root {
  /* ---- Families (Montserrat everywhere — light & modern) ---- */
  --font-sans:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-serif:   'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-script:  'Parisienne', 'Segoe Script', cursive;  /* logo accent only */

  /* ---- Weights (display uses the light end) ---- */
  --fw-thin:    200;   /* @kind other */
  --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 */

  /* ---- Fluid type scale ---- */
  --fs-display:  clamp(2.75rem, 1.6rem + 4.6vw, 5rem);    /* @kind other */
  --fs-h1:       clamp(2.1rem, 1.5rem + 2.6vw, 3.25rem);  /* @kind other */
  --fs-h2:       clamp(1.6rem, 1.25rem + 1.6vw, 2.25rem); /* @kind other */
  --fs-h3:       clamp(1.3rem, 1.15rem + 0.7vw, 1.625rem);/* @kind other */
  --fs-h4:       1.1875rem;                               /* @kind other */
  --fs-lead:     clamp(1.0625rem, 1rem + 0.4vw, 1.25rem); /* @kind other */
  --fs-body:     1rem;        /* @kind other */
  --fs-small:    0.875rem;    /* @kind other */
  --fs-caption:  0.75rem;     /* @kind other */
  --fs-script:   clamp(1.5rem, 1rem + 2vw, 2.5rem);  /* @kind other */

  /* ---- Line heights ---- */
  --lh-tight:   1.08;   /* @kind other */
  --lh-snug:    1.25;   /* @kind other */
  --lh-normal:  1.55;   /* @kind other */
  --lh-relaxed: 1.7;    /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display: -0.01em;   /* @kind other */
  --ls-normal:  0;         /* @kind other */
  --ls-wide:    0.08em;    /* @kind other */
  --ls-eyebrow: 0.22em;    /* @kind other */
}