/* Design tokens — Charte graphique OrTra Jura (v4)
   Palette mono-tonale verte + typos Poppins/Barlow.
   Référence : BRIEF.md §18 */

:root {
  /* === Palette === */
  --vert-deau:      #09573F;
  --vert-deau-dark: #07452F;
  --foret:          #0F2109;
  --vert-neon:      #B1CA33;
  --lime:           #E9EFBF;
  --beige:          #FAF6EE;
  --brun:           #5C4B3D;
  --brun-light:     #8B7969;

  /* Transparences utilitaires */
  --foret-08: rgba(15, 33, 9, 0.08);
  --foret-15: rgba(15, 33, 9, 0.15);
  --foret-40: rgba(15, 33, 9, 0.4);
  --beige-78: rgba(250, 246, 238, 0.78);

  /* === Typographies === */
  --font-titre: 'Poppins', system-ui, sans-serif;
  --font-corps: 'Poppins', system-ui, sans-serif;
  --font-notes: 'Barlow', system-ui, sans-serif;

  --fw-regular: 400;
  --fw-medium:  500;

  /* Échelle de taille (clamp pour responsive fluide) */
  --fs-h1:       clamp(2.25rem, 5vw, 3.5rem);     /* 36 → 56 */
  --fs-h2:       clamp(1.75rem, 4vw, 2.5rem);     /* 28 → 40 */
  --fs-h3:       1.375rem;                         /* 22 */
  --fs-corps:    1rem;                             /* 16 (min a11y) */
  --fs-corps-lg: 1.125rem;                         /* 18 */
  --fs-notes:    0.875rem;                         /* 14 */
  --fs-chip:     0.8125rem;                        /* 13 */
  --fs-mega:     clamp(3rem, 8vw, 5.5rem);         /* chiffres clés */

  /* === Espacement === */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* === Border radius === */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 100px;

  /* === Layout === */
  --maxw:        1240px;
  --maxw-narrow: 880px;

  /* === Variables de thème (espace actif) ===
     Permet aux composants de s'adapter à l'espace courant
     en surchargeant ces variables sur un wrapper (.theme-decouvrir, etc.) */
  --theme-bg:     var(--beige);
  --theme-color:  var(--vert-deau);
  --theme-accent: var(--vert-neon);
}

/* Override par espace — à appliquer sur un wrapper de page ou de section */
.theme-decouvrir {
  --theme-bg:     var(--beige);
  --theme-color:  var(--vert-deau);
  --theme-accent: var(--vert-neon);
}
.theme-apprenti {
  --theme-bg:     var(--lime);
  --theme-color:  var(--vert-deau);
  --theme-accent: var(--vert-neon);
}
.theme-pro {
  --theme-bg:     var(--beige);
  --theme-color:  var(--vert-deau);  /* MAJ 2026-05 : passage de foret à vert-deau pour cohérence verte */
  --theme-accent: var(--brun);
}