/* ══════════════════════════════════════════
   TOKENS — Système 9 couleurs v4
   Injectées dynamiquement par theme-loader.js
   ══════════════════════════════════════════ */
:root {
  /* ── 9 couleurs thème ── */
  --c1:  #AAC335;   /* principale action     */
  --c1d: #6D7D22;   /* foncée                */
  --c1l: #F1F6E2;   /* claire / fond         */

  --c2:  #404041;   /* structure / titres    */
  --c2d: #14191E;   /* très sombre           */
  --c2l: #9CA3AF;   /* texte secondaire      */

  --c3:  #FF467C;   /* accent / énergie      */
  --c3d: #9D174D;   /* accent foncé          */
  --c3l: #FFF1F6;   /* accent fond très clair*/

  /* ── Aliases compatibilité ── */
  --zv-green:    var(--c1);
  --zv-green-dk: var(--c1d);
  --zv-green-bg: var(--c1l);
  --zv-dark:     var(--c2);
  --zv-dark-dk:  var(--c2d);
  --zv-gray:     var(--c2l);
  --accent:      var(--c3);
  --accent-dk:   var(--c3d);
  --accent-lt:   var(--c3l);

  /* ── Fixes neutres ── */
  --zv-white: #ffffff;
  --zv-light: #f8f9fa;
  --zv-border: rgba(65,65,66,.1);

  /* ── Typographie ── */
  --ff: system-ui, -apple-system, sans-serif;

  /* ── Espacement ── */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 5.5rem;
  --gutter:   8vw;

  /* ── Misc ── */
  --radius: 4px;
  --nav-h:  70px;
}