/* Charte Caddige : vert et orange du logo, sur blanc (clair) ou sur noir (sombre). */
:root {
  /* Marque : identiques dans les deux thèmes */
  --brand: #39b54a;        /* vert du logo */
  --accent: #ff8c00;       /* orange du logo */
  --danger: #e03131;       /* erreurs, refus */
  --on-brand: #06140a;     /* texte posé sur vert ou orange */
  --night: #07140c;        /* panneau toujours sombre */

  /* Thème clair */
  --base: #f4f6f1;         /* fond de page */
  --surface: #ffffff;      /* cartes */
  --raised: #eef2ea;       /* blocs en relief */
  --fg: #0b1a10;           /* texte principal */
  --muted: #56675b;        /* texte secondaire */
  --line: #dce4d8;         /* bordures */
  --brand-soft: #e2f5e5;   /* vert pâle */
  --brand-text: #1c7c2c;   /* vert pour du texte */
  --accent-soft: #ffefd6;  /* orange pâle */
  --danger-soft: #ffe3e3;  /* rouge pâle */
  --shadow: 0 1px 2px rgb(11 26 16 / 0.04), 0 12px 32px -16px rgb(11 26 16 / 0.16);
  color-scheme: light;
}

[data-theme="dark"] {
  --base: #050d08;
  --surface: #0c1a11;
  --raised: #14261a;
  --fg: #f1f7f0;
  --muted: #93a999;
  --line: rgb(255 255 255 / 0.09);
  --brand-soft: rgb(57 181 74 / 0.16);
  --brand-text: #62d972;
  --accent-soft: rgb(255 140 0 / 0.17);
  --danger-soft: rgb(224 49 49 / 0.2);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.03), 0 24px 48px -24px rgb(0 0 0 / 0.7);
  color-scheme: dark;
}

/* Lueur verte des boutons principaux */
:root { --shadow-glow: 0 12px 36px -10px rgb(57 181 74 / 0.65); }

/* Graphiques du tableau de bord seulement (clair / sombre) */
:root {
  --viz-wave: #2a78d6;  --viz-om: #eb6834;  --viz-carte: #1baf7a;  --viz-especes: #eda100;
}
[data-theme="dark"] {
  --viz-wave: #3987e5;  --viz-om: #d95926;  --viz-carte: #199e70;  --viz-especes: #c98500;
}