/* ══════════════════════════════════════════════════════════════
   THÈMES GLOBAUX — SantéMère / NeoMaterna
   ──────────────────────────────────────────────────────────────
   Chaque page définit déjà ses propres variables --green*, --sidebar-bg,
   --sidebar-hover, --titlebar-bg dans son :root (couleur "vert" par
   défaut). Ce fichier ne touche à AUCUN composant : il redéfinit
   uniquement la VALEUR de ces mêmes variables selon l'attribut
   data-theme posé sur <html> (cf. assets/theme.js / theme-apply.js) —
   tout le reste de l'interface (boutons, sidebar, titlebar, badges…)
   se recolore automatiquement puisqu'il consomme déjà ces variables.

   Sélecteur volontairement écrit "html[data-theme=...]" : sa spécificité
   (0,1,1) est strictement supérieure à ":root" (0,1,0) utilisé par les
   pages, donc la redéfinition l'emporte quel que soit l'ordre de
   chargement des feuilles de style dans <head>.
   ══════════════════════════════════════════════════════════════ */

html[data-theme="bleu"] {
  --green:       #154D71;
  --green-mid:   #2E86C1;
  --green-light: #EAF3FB;
  --green-pale:  #9FCBEB;
  --green-dark:  #0c3652;
  --sidebar-bg:    #16232e;
  --sidebar-hover: #1f3346;
  --titlebar-bg: #154D71;
}

html[data-theme="rouge"] {
  --green:       #9B2C2C;
  --green-mid:   #C0392B;
  --green-light: #FDECEA;
  --green-pale:  #F1A9A0;
  --green-dark:  #5c1a15;
  --sidebar-bg:    #2e1815;
  --sidebar-hover: #3d211c;
  --titlebar-bg: #9B2C2C;
}

html[data-theme="orange"] {
  --green:       #B85C1A;
  --green-mid:   #E67E22;
  --green-light: #FDF0E3;
  --green-pale:  #F5CBA7;
  --green-dark:  #7a3d10;
  --sidebar-bg:    #2e2015;
  --sidebar-hover: #3d2c1c;
  --titlebar-bg: #B85C1A;
}

html[data-theme="marron"] {
  --green:       #6B4226;
  --green-mid:   #8D5B3F;
  --green-light: #F3EAE3;
  --green-pale:  #D2B49C;
  --green-dark:  #432a18;
  --sidebar-bg:    #241a13;
  --sidebar-hover: #33251a;
  --titlebar-bg: #6B4226;
}

html[data-theme="indigo"] {
  --green:       #3B3B98;
  --green-mid:   #5758BB;
  --green-light: #EEEEFB;
  --green-pale:  #B2B2E0;
  --green-dark:  #22225c;
  --sidebar-bg:    #181830;
  --sidebar-hover: #232346;
  --titlebar-bg: #3B3B98;
}

html[data-theme="turquoise"] {
  --green:       #0F8C8C;
  --green-mid:   #17B2A3;
  --green-light: #E3FAF7;
  --green-pale:  #8FE3D8;
  --green-dark:  #0a5c5c;
  --sidebar-bg:    #0f2a29;
  --sidebar-hover: #173a38;
  --titlebar-bg: #0F8C8C;
}

html[data-theme="beige"] {
  --green:       #7A5C3A;
  --green-mid:   #A9875D;
  --green-light: #F7F0E6;
  --green-pale:  #E3D2B4;
  --green-dark:  #4d3a24;
  --sidebar-bg:    #2b2620;
  --sidebar-hover: #3a342c;
  --titlebar-bg: #7A5C3A;
}

html[data-theme="neige"] {
  --green:       #607D8B;
  --green-mid:   #90A4AE;
  --green-light: #F5F8FA;
  --green-pale:  #CFD8DC;
  --green-dark:  #37474f;
  --sidebar-bg:    #263238;
  --sidebar-hover: #324047;
  --titlebar-bg: #607D8B;
}

/* "vert" = thème d'origine de l'application : aucune redéfinition
   nécessaire (c'est déjà la valeur par défaut codée dans chaque page). */