/* ═══════════════════════════════════════════════════════════════
   Thème vert — surcharge des jetons de couleur du design system.
   Chargé APRÈS styles.css. Aucune autre règle : seules les
   variables changent, tous les composants suivent.

   Pour revenir au rouge, retirez l'appel à ce fichier dans
   includes/header.php et admin/inc/header.php.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Fonds : ivoire très légèrement refroidi, pour s'accorder
        au vert sans virer au bleu ─────────────────────────────── */
  --color-bg:      #f2f3f2;
  --color-surface: #e7eae8;
  --color-text:    #1c201d;
  --color-divider: color-mix(in srgb, #1c201d 40%, transparent);

  /* ── Accent : vert institutionnel profond ─────────────────── */
  --color-accent:   #1c6b47;
  --color-accent-2: #8a6a1f;

  /* Rampe de gris, refroidie d'un souffle */
  --color-neutral-100: #f4f6f4;
  --color-neutral-200: #e6eae7;
  --color-neutral-300: #d2d8d4;
  --color-neutral-400: #b4bcb7;
  --color-neutral-500: #959d98;
  --color-neutral-600: #777f7a;
  --color-neutral-700: #5b625d;
  --color-neutral-800: #414643;
  --color-neutral-900: #2a2e2b;

  /* Rampe verte, même échelle de clarté que la rampe d'origine */
  --color-accent-100: #eef6f1;
  --color-accent-200: #d5e9dd;
  --color-accent-300: #b0d5c1;
  --color-accent-400: #78b895;
  --color-accent-500: #3f9169;
  --color-accent-600: #17573a;
  --color-accent-700: #10452e;
  --color-accent-800: #0b3322;
  --color-accent-900: #0a2418;

  /* Accent secondaire : bronze, pour les étiquettes de catégorie */
  --color-accent-2-100: #faf4e6;
  --color-accent-2-200: #f0e4c4;
  --color-accent-2-300: #e2cd97;
  --color-accent-2-400: #cbab5c;
  --color-accent-2-500: #a8862c;
  --color-accent-2-600: #8a6a1f;
  --color-accent-2-700: #6b5118;
  --color-accent-2-800: #4d3a12;
  --color-accent-2-900: #33270f;

  /* Ombres, réaccordées à l'encre verte */
  --shadow-sm: 0 1px 2px  color-mix(in srgb, #2a2e2b 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #2a2e2b 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2a2e2b 22%, transparent);
}

/* Le vert #1c6b47 sur ivoire donne un rapport de contraste de 5,4:1 —
   conforme au RGAA pour le texte courant comme pour les liens. */