/* ==========================================================================
   TYPOGRAPHY CONFIGURATION — modifier ici pour changer les polices du site
   ==========================================================================
   Pour changer la typographie, modifiez uniquement les 3 variables ci-dessous.
   Mettez à jour aussi l'import Google Fonts si besoin (header.php).

   Polices suggérées :
   ┌─────────────────────────────────────────────────────────────────┐
   │ DISPLAY      │ Instrument Serif / Fraunces / Playfair Display   │
   │ BODY         │ Instrument Sans / Inter / DM Sans / Geist        │
   │ MONO         │ JetBrains Mono / Fira Code / Geist Mono          │
   └─────────────────────────────────────────────────────────────────┘

   Exemple pour passer à Fraunces + DM Sans :
     --font-display: 'Fraunces', Georgia, serif;
     --font-body:    'DM Sans', system-ui, sans-serif;
     --font-mono:    'Fira Code', monospace;
   ========================================================================== */

:root {
  /* ── 1. POLICES ── modifier ces 3 lignes pour tout changer ── */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Instrument Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, monospace;

  /* ── 2. ÉCHELLE TYPOGRAPHIQUE fluide ── */
  --text-xs:   clamp(10px, 0.75vw, 12px);
  --text-sm:   clamp(12px, 0.85vw, 14px);
  --text-base: clamp(14px, 1vw, 16px);
  --text-md:   clamp(16px, 1.3vw, 20px);
  --text-lg:   clamp(20px, 2vw, 30px);
  --text-xl:   clamp(28px, 3.5vw, 48px);
  --text-2xl:  clamp(40px, 5.5vw, 80px);
  --text-3xl:  clamp(52px, 8.5vw, 128px);

  /* ── 3. GRAISSE ── */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 520;
  --weight-bold:    650;

  /* ── 4. HAUTEUR DE LIGNE ── */
  --leading-tight:  0.92;
  --leading-snug:   1.1;
  --leading-base:   1.45;
  --leading-relaxed: 1.65;

  /* ── 5. ESPACEMENT DES LETTRES ── */
  --tracking-tight:  -0.04em;
  --tracking-snug:   -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.06em;
  --tracking-wider:  0.12em;
}

/* Application globale */
body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-base);
}

/* Titres : toujours la police display */
h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
}

/* Code/mono */
code, pre, .mono, [class*="mono"] {
  font-family: var(--font-mono);
}