* --- DARK MODE OVERRIDES --- */
/* Ce fichier surcharge les classes Tailwind pour le mode sombre */


body.dark-mode {
    background-color: #0f172a !important; /* Slate-900 */
    color: #f1f5f9 !important; /* Slate-100 */
}


/* --- BACKGROUNDS --- */
/* Inverse les fonds blancs et clairs vers des teintes sombres */
body.dark-mode .bg-white {
    background-color: #1e293b !important; /* Slate-800 - Cartes et conteneurs */
}


body.dark-mode .bg-slate-50 {
    background-color: #0f172a !important; /* Slate-900 - Fond principal */
}


body.dark-mode .bg-slate-100 {
    background-color: #334155 !important; /* Slate-700 - Éléments secondaires */
}


body.dark-mode .bg-slate-200 {
    background-color: #475569 !important; /* Slate-600 */
}


/* Navbar spécifique */
body.dark-mode nav.bg-white {
    background-color: #1e293b !important;
    border-bottom-color: #334155 !important;
}


/* --- TEXT COLORS --- */
/* Inverse les textes sombres vers des teintes claires */
body.dark-mode .text-slate-900 { color: #f8fafc !important; } /* White/Slate-50 */
body.dark-mode .text-slate-800 { color: #f1f5f9 !important; } /* Slate-100 */
body.dark-mode .text-slate-700 { color: #e2e8f0 !important; } /* Slate-200 */
body.dark-mode .text-slate-600 { color: #cbd5e1 !important; } /* Slate-300 */
body.dark-mode .text-slate-500 { color: #94a3b8 !important; } /* Slate-400 */


/* Les textes rouges restent rouges, mais on peut les éclaircir légèrement si besoin */
/* body.dark-mode .text-red-600 { color: #ef4444 !important; }  Red-500 */


/* --- BORDERS --- */
/* Assombrit les bordures pour qu'elles ne soient pas trop brillantes */
body.dark-mode .border-slate-100,
body.dark-mode .border-slate-200 {
    border-color: #334155 !important; /* Slate-700 */
}


/* --- FORMS & INPUTS --- */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #0f172a !important;
    border-color: #475569 !important;
    color: white !important;
}


body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #64748b !important;
}


/* --- SPECIFIC COMPONENTS --- */
/* Gestion des ombres : en mode sombre, on préfère souvent les bordures aux ombres */
body.dark-mode .shadow-sm,
body.dark-mode .shadow-md,
body.dark-mode .shadow-lg,
body.dark-mode .shadow-xl {
    box-shadow: none !important;
    border: 1px solid #334155 !important; /* Ajoute une bordure subtile à la place de l'ombre */
}


/* Cards hover effects */
body.dark-mode .hover\:bg-slate-50:hover {
    background-color: #334155 !important;
}


/* Dropdowns */
body.dark-mode #profile-dropdown,
body.dark-mode #chat-actions-dropdown {
    background-color: #1e293b !important;
    border-color: #475569 !important;
}


body.dark-mode .border-b-slate-100 {
    border-bottom-color: #334155 !important;
}


/* Chat bubbles */
body.dark-mode .msg-other {
    background-color: #334155 !important;
    color: white !important;
    border-color: #475569 !important;
}
/* La bulle "msg-me" reste rouge, c'est parfait */


/* Icons */
body.dark-mode .text-slate-400 {
    color: #64748b !important; /* Un peu plus sombre pour ne pas éblouir */
}