@tailwind base;
@tailwind components;
@tailwind utilities;
/* ===== Thèmes EXAT : la couleur "emerald" de Tailwind pointe vers ces variables ===== */

/* Défaut (aucun data-theme) = Émeraude */

:root, [data-theme="emerald"] {
    --c-emerald-50: 236 253 245;
    --c-emerald-100: 209 250 229;
    --c-emerald-200: 167 243 208;
    --c-emerald-300: 110 231 183;
    --c-emerald-400: 52 211 153;
    --c-emerald-500: 16 185 129;
    --c-emerald-600: 5 150 105;
    --c-emerald-700: 4 120 87;
    --c-emerald-800: 6 95 70;
    --c-emerald-900: 6 78 59;
    --c-emerald-950: 2 44 34;
}

[data-theme="ocean"] {
    --c-emerald-50: 239 246 255;
    --c-emerald-100: 219 234 254;
    --c-emerald-200: 191 219 254;
    --c-emerald-300: 147 197 253;
    --c-emerald-400: 96 165 250;
    --c-emerald-500: 59 130 246;
    --c-emerald-600: 37 99 235;
    --c-emerald-700: 29 78 216;
    --c-emerald-800: 30 64 175;
    --c-emerald-900: 30 58 138;
    --c-emerald-950: 23 37 84;
}

[data-theme="indigo"] {
    --c-emerald-50: 238 242 255;
    --c-emerald-100: 224 231 255;
    --c-emerald-200: 199 210 254;
    --c-emerald-300: 165 180 252;
    --c-emerald-400: 129 140 248;
    --c-emerald-500: 99 102 241;
    --c-emerald-600: 79 70 229;
    --c-emerald-700: 67 56 202;
    --c-emerald-800: 55 48 163;
    --c-emerald-900: 49 46 129;
    --c-emerald-950: 30 27 75;
}

[data-theme="terre"] {
    --c-emerald-50: 255 247 237;
    --c-emerald-100: 255 237 213;
    --c-emerald-200: 254 215 170;
    --c-emerald-300: 253 186 116;
    --c-emerald-400: 251 146 60;
    --c-emerald-500: 249 115 22;
    --c-emerald-600: 234 88 12;
    --c-emerald-700: 194 65 12;
    --c-emerald-800: 154 52 18;
    --c-emerald-900: 124 45 18;
    --c-emerald-950: 67 20 7;
}

[data-theme="ardoise"] {
    --c-emerald-50: 248 250 252;
    --c-emerald-100: 241 245 249;
    --c-emerald-200: 226 232 240;
    --c-emerald-300: 203 213 225;
    --c-emerald-400: 148 163 184;
    --c-emerald-500: 100 116 139;
    --c-emerald-600: 71 85 105;
    --c-emerald-700: 51 65 85;
    --c-emerald-800: 30 41 59;
    --c-emerald-900: 15 23 42;
    --c-emerald-950: 2 6 23;
}

/* ============================================================
   Lisibilité : assombrir les textes gris (moins de fatigue visuelle)
   Ne concerne QUE la couleur du texte (pas les fonds ni les bordures).
   À coller à la FIN de resources/css/app.css (après les @tailwind).
   ============================================================ */

/* ============================================================
   Lisibilité : textes TRÈS foncés (contraste maximal)
   À coller à la FIN de resources/css/app.css (après les @tailwind).
   ============================================================ */

.text-slate-400,
.text-slate-500,
.text-slate-600,
.text-slate-700 { color: rgb(0 0 0) !important; }  /* noir pur */

/* ============================================================
   Lisibilité : textes TRÈS foncés (contraste maximal)
   À coller à la FIN de resources/css/app.css (après les @tailwind).
   ============================================================ */

/*.text-slate-400 { color: rgb(51 65 85)  !important; } 
.text-slate-500 { color: rgb(30 41 59)  !important; } 
.text-slate-600 { color: rgb(15 23 42)  !important; } 
.text-slate-700 { color: rgb(15 23 42)  !important; }   */