/* Mode sombre (classe « dark » sur <html>, choisie par l'utilisateur dans le menu).
   Un seul fichier : il remplace les couleurs claires utilisées dans les pages par leurs équivalents sombres. */

.dark { color-scheme: dark; }

.dark body,
.dark .bg-slate-100 { background-color: #0b1220; }
.dark .bg-white { background-color: #121c2e; }
.dark .bg-slate-50 { background-color: #17233a; }
.dark .bg-slate-200 { background-color: #24324a; }

.dark .text-slate-900,
.dark .text-slate-800 { color: #e6ecf5; }
.dark .text-slate-700,
.dark .text-slate-600 { color: #c3cedd; }
.dark .text-slate-500,
.dark .text-slate-400 { color: #a3b1c6; }

.dark .border-slate-100,
.dark .border-slate-200,
.dark .border-slate-300,
.dark .divide-slate-100 > * + * { border-color: #24324a; }

.dark .hover\:bg-slate-100:hover,
.dark .hover\:bg-brand-50:hover { background-color: #1c2a42; }

/* Champs de saisie */
.dark input:not([type=checkbox]):not([type=radio]):not([type=file]),
.dark select,
.dark textarea { background-color: #0f1828; color: #e6ecf5; border-color: #2c3d59; }
.dark input::placeholder { color: #7f8da3; }

/* Couleurs d'état : versions sombres lisibles */
.dark .bg-green-50,
.dark .bg-green-100 { background-color: #12301f; }
.dark .text-green-800,
.dark .text-green-700 { color: #86efac; }
.dark .bg-red-50,
.dark .bg-red-100 { background-color: #3a1515; }
.dark .text-red-700,
.dark .text-red-800 { color: #fca5a5; }
.dark .bg-amber-50,
.dark .bg-amber-100 { background-color: #33260c; }
.dark .text-amber-800,
.dark .text-amber-700 { color: #fcd34d; }
.dark .bg-blue-100,
.dark .bg-brand-50 { background-color: #1c2a42; }
.dark .text-blue-800 { color: #93c5fd; }
.dark .text-brand-700 { color: #fdba74; }