/* ==========================================================================
   DESIGN TOKENS — TYPOGRAPHIE
   Fluid Typography (clamp) · Échelle modulaire · Polices expressives
   ========================================================================== */

/* Google Fonts — chargées dans le HTML via <link> */
/* Familles : Outfit (titres expressifs) + Inter (corps lisible) */

:root {
  /* Familles de polices */
  --font-heading:    'Averia Serif Libre', 'Georgia', serif;
  --font-body:       'Source Serif 4', 'Georgia', serif;
  --font-logo:       'Great Vibes', cursive;
  --font-mono:       'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  /* Échelle Fluid Typography — clamp(min, preferred, max) */
  --text-xs:         clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);     /* ~11–12px */
  --text-sm:         clamp(0.8125rem, 0.78rem + 0.18vw, 0.875rem);    /* ~13–14px */
  --text-base:       clamp(0.9375rem, 0.88rem + 0.25vw, 1.0625rem);   /* ~15–17px */
  --text-lg:         clamp(1.0625rem, 0.98rem + 0.4vw, 1.25rem);      /* ~17–20px */
  --text-xl:         clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);          /* ~20–24px */
  --text-2xl:        clamp(1.5rem, 1.25rem + 1vw, 2rem);              /* ~24–32px */
  --text-3xl:        clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);         /* ~30–40px */
  --text-4xl:        clamp(2.25rem, 1.75rem + 2vw, 3.25rem);          /* ~36–52px */
  --text-5xl:        clamp(2.75rem, 2rem + 3vw, 4.5rem);              /* ~44–72px */
  --text-display:    clamp(3.5rem, 2.5rem + 4vw, 6rem);               /* ~56–96px */

  /* Graisses */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extrabold:800;
  --weight-black:    900;

  /* Interlignes */
  --leading-tight:   1.15;
  --leading-snug:    1.3;
  --leading-normal:  1.6;
  --leading-relaxed: 1.75;

  /* Espacement de lettres */
  --tracking-tight:  -0.025em;
  --tracking-normal: 0em;
  --tracking-wide:   0.04em;
  --tracking-wider:  0.08em;
  --tracking-caps:   0.12em;
}