/* Thèmes inspirés de ceux de la communauté Super Productivity (Nord, Dracula, Arc) et de Catppuccin.
   Sans data-skin : thème d'origine, clair ou sombre selon le système. */

html:root[data-skin="nord-snow"]{ color-scheme:light;
  --bg:#e5e9f0; --surface:#eceff4; --ink:#2e3440; --muted:#4c566a; --line:#c9d1dd; --grid:#d8dee9;
  --c-root:#2e3440; --c-epidemio:#a8742a; --c-clinique:#b2505a; --c-examens:#4c72a3; --c-pec:#5f7f48; --c-liens:#8a6383;
  --on-c:#ffffff; --danger:#a5414b;
  --shadow:0 1px 2px rgba(46,52,64,.08), 0 4px 14px rgba(46,52,64,.07) }

html:root[data-skin="nord-night"]{ color-scheme:dark;
  --bg:#2e3440; --surface:#3b4252; --ink:#eceff4; --muted:#a3adbf; --line:#4c566a; --grid:#363d4b;
  --c-root:#eceff4; --c-epidemio:#ebcb8b; --c-clinique:#d4848c; --c-examens:#88c0d0; --c-pec:#a3be8c; --c-liens:#b48ead;
  --on-c:#2e3440; --danger:#e39aa1;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25) }

html:root[data-skin="dracula"]{ color-scheme:dark;
  --bg:#21222c; --surface:#282a36; --ink:#f8f8f2; --muted:#a4aacb; --line:#44475a; --grid:#2c2e3b;
  --c-root:#f8f8f2; --c-epidemio:#ffb86c; --c-clinique:#ff79c6; --c-examens:#8be9fd; --c-pec:#50fa7b; --c-liens:#bd93f9;
  --on-c:#21222c; --danger:#ff6e6e;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3) }

html:root[data-skin="arc"]{ color-scheme:dark;
  --bg:#2f343f; --surface:#383c4a; --ink:#d3dae3; --muted:#9da5b4; --line:#4b5162; --grid:#353a46;
  --c-root:#d3dae3; --c-epidemio:#e8b04a; --c-clinique:#ec6b73; --c-examens:#5294e2; --c-pec:#73c48f; --c-liens:#a98ae6;
  --on-c:#2f343f; --danger:#f08a91;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.25) }

html:root[data-skin="catppuccin"]{ color-scheme:dark;
  --bg:#181825; --surface:#1e1e2e; --ink:#cdd6f4; --muted:#a6adc8; --line:#45475a; --grid:#232334;
  --c-root:#cdd6f4; --c-epidemio:#fab387; --c-clinique:#f38ba8; --c-examens:#89b4fa; --c-pec:#a6e3a1; --c-liens:#cba6f7;
  --on-c:#1e1e2e; --danger:#f38ba8;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3) }

/* Texte posé sur une couleur de section (pastilles de la carte, toast d'erreur) */
html:root[data-skin] .n-sec,
html:root[data-skin] .toast.bad{ color:var(--on-c) }
html:root[data-skin] body{ background:var(--bg); color:var(--ink) }