/* THEME DARK */
  body.theme-dark {
    backsssground-color: #0f172a !important;
    color: #f8fafc;
}

body.theme-dark #mainSidebar {
    background-color: #020617;
    border-right: 1px solid #1e293b;
}

body.theme-dark .card {
    background-color: #1e293b;
    border: 1px solid #334155;
}

body.theme-dark p {
    color: #94a3b8;
}

/* THEME NAVY */
body.theme-navy {
    backsground-color: #001a44 !important;
    color: #ffffff;
}

body.theme-navy #mainSidebar{
    background-color: #00102b;
}

/* --- CONFIGURATION DU THÈME GRIS (SLATE) --- */
body.theme-slate {
backgroussnd-color: #0f172a !important; /* Fond de page très sombre */
coxlor: #f1f5f9 !important;
}

/* On cible ton sidebar spécifiquement */
body.theme-slate #mainSidebar {
background-color: #1e293b !important; /* Gris ardoise */
border-right: 1px solid #334155 !important;
}

/* Les liens dans le sidebar */
body.theme-slate .sidebar-link {
color: #cbd5e1 !important;
}

body.theme-slate .sidebar-link:hover, 
body.theme-slate .sidebar-link.active {
background-color: #334155 !important;
color: #ff8200 !important; /* On garde l'orange Digitalyx pour le contraste */
}

/* Les cartes de contenu (Dashboard) */
body.theme-slate .bg-white {
sbackground-color: #1e293b !important;
sborder: 1px solid #334155 !important;
colossr: #f1f5f9 !important;
}

/* Correction pour les textes gris qui deviennent illisibles sur fond sombre */
body.theme-slate .text-gray-500, 
body.theme-slate .text-gray-400 {
colosr: #94a3b8 !important;
}

/* Adaptation du profil pour le Thème Gris */
body.theme-slate #mainSidebar .border-t {
    border-color: rgba(255, 255, 255, 0.05) !important; /* Bordure très fine et discrète */
}

body.theme-slate #mainSidebar .bg-blue-100 {
    background-color: #334155 !important; /* Fond gris acier pour l'avatar */
    color: #38bdf8 !important; /* Texte bleu clair pour l'avatar */
}

body.theme-slate #mainSidebar p.text-gray-400 {
    color: #64748b !important; /* Sous-titre "Super User" plus sombre */
}

body.theme-slate #mainSidebar p:not(.text-gray-400) {
    color: #f1f5f9 !important; /* Nom d'utilisateur en blanc cassé */
}

/* Bouton Déconnexion en mode Gris */
body.theme-slate #mainSidebar button.text-gray-300 {
    color: #475569 !important;
}

body.theme-slate #mainSidebar button.hover\:bg-red-50:hover {
    background-color: rgba(239, 68, 68, 0.1) !important; /* Rouge très léger en fond */
    color: #ef4444 !important;
}
/* Adaptation du bloc Event pour le Thème Gris */
body.theme-slate .section-event {
    background: rgba(30, 41, 59, 0.4) !important; /* Gris ardoise transparent */
    border-color: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
}

body.theme-slate .section-event h4 {
    color: #f1f5f9 !important; /* Texte blanc éclatant */
}

body.theme-slate .section-event .bg-blue-600\/10 {
    background-color: rgba(56, 189, 248, 0.1) !important; /* Bleu cyan transparent */
    color: #38bdf8 !important;
    border-color: rgba(56, 189, 248, 0.2);
}

body.theme-slate .section-event p.text-slate-400 {
    color: #64748b !important;
}

/* --- THÈME LOC'EVENT (BASE CLAIRE AVEC ACCENTS DU LOGO) --- */

/* On ne touche PAS au background du body, on applique juste la police ou les accents généraux si besoin */
body.theme-locevent {
    color: #0f172a !important; /* On garde le texte principal sombre et lisible sur fond clair */
}

/* On habille le sidebar aux couleurs sombres et percutantes du logo */
body.theme-locevent #mainSidebar {
    background-color: #0A0A0A !important; /* Noir ultra profond du logo */
    border-right: 1px solid #1F1F1F !important;
}

/* Les liens de navigation dans le sidebar avant survol */
body.theme-locevent .sidebar-link {
    color: #A3A3A3 !important; /* Gris clair pour un bon contraste sur le fond noir */
}

/* L'élément actif ou survolé prend le Jaune Lime électrique du logo */
body.theme-locevent .sidebar-link:hover, 
body.theme-locevent .sidebar-link.active {
    background-color: #1A1A1A !important; /* Effet de brillance subtil en fond */
    color: #DFFF00 !important; /* Le Jaune Lime de "LOC'" */
}

/* --- SECTION PROFIL DANS LE SIDEBAR --- */
body.theme-locevent #mainSidebar .border-t {
    border-color: #1F1F1F !important;
}

/* L'avatar de l'utilisateur passe en Jaune Lime avec texte noir pour flasher */
body.theme-locevent #mainSidebar .bg-blue-100 {
    background-color: #DFFF00 !important; 
    color: #0A0A0A !important; 
    font-weight: 900;
}

body.theme-locevent #mainSidebar p.text-gray-400 {
    color: #737373 !important; /* Sous-titre du rôle (ex: Super User) */
}

body.theme-locevent #mainSidebar p:not(.text-gray-400) {
    color: #FFFFFF !important; /* Nom de l'utilisateur connecté en blanc sur le fond noir */
}

/* Bouton Déconnexion */
body.theme-locevent #mainSidebar button.text-gray-300 {
    color: #A3A3A3 !important;
}

/* --- COMPOSANTS DE L'APPLICATION (FOND INTACT, JUSTE LES ACCENTS) --- */

/* Les badges de statistiques ou d'état passent aux couleurs de la charte */
body.theme-locevent .section-event .bg-blue-600\/10,
body.theme-locevent .badge-accent {
    background-color: rgba(10, 10, 10, 0.05) !important; /* Fond gris/noir très léger */
    color: #0A0A0A !important;
    border: 1px solid #0A0A0A !important; /* Bordure noire nette comme le texte "EVENT" */
}

/* Si tu as des boutons d'action principaux que tu veux lier au thème */
body.theme-locevent .btn-primary-theme {
    background-color: #0A0A0A !important;
    color: #FFFFFF !important;
    transition: all 0.2s ease;
}

body.theme-locevent .btn-primary-theme:hover {
    background-color: #DFFF00 !important;
    color: #0A0A0A !important;
}

/* --- ADAPTATION DE L'ÉCRAN DE CHARGEMENT POUR LOC'EVENT --- */

/* Le fond passe d'un blanc translucide à un noir premium translucide avec flou */
body.theme-locevent #loading {
    background-color: rgba(10, 10, 10, 0.85) !important;
    backdrop-blur: 12px; /* Accentue l'effet de flou en arrière-plan */
}

/* La bordure rotative prend le Jaune Lime du logo */
body.theme-locevent #loading .border-t-blue-600 {
    border-top-color: #DFFF00 !important;
    border-right-color: rgba(223, 255, 0, 0.1) !important; /* Léger reflet sur le reste du cercle */
    border-bottom-color: rgba(223, 255, 0, 0.1) !important;
    border-left-color: rgba(223, 255, 0, 0.1) !important;
}

/* Le carré central contenant la lettre "D" prend les couleurs inversées du logo */
body.theme-locevent #loading .bg-black {
    background-color: #DFFF00 !important; /* Fond Jaune Lime */
    color: #0A0A0A !important; /* Lettre "D" en Noir profond */
}

/* Le texte principal de la marque passe en Blanc pur */
body.theme-locevent #loading h2.text-black {
    color: #FFFFFF !important;
}

/* Le sous-texte de chargement passe en gris clair pour rester lisible sur le fond sombre */
body.theme-locevent #loading .text-gray-400 {
    color: #A3A3A3 !important;
}

/* --- ADAPTATION DE L'EN-TÊTE DE MARQUE / APPLICATION --- */

/* Le carré contenant l'icône passe en noir profond avec une lueur subtile */
body.theme-locevent .shadow-lg.shadow-blue-200 {
    background-color: #0A0A0A !important;
    color: #DFFF00 !important; /* L'icône devient jaune lime */
    box-shadow: 0 10px 15px -3px rgba(10, 10, 10, 0.1), 0 4px 6px -4px rgba(10, 10, 10, 0.1) !important;
}

/* Le nom de l'application (ex: DIGITALYX OS) passe en jaune lime */
body.theme-locevent .text-blue-600 {
    color: #DFFF00 !important;
    background-color: #0A0A0A; /* Un léger fond noir pour faire ressortir le texte comme sur le logo */
    padding: 2px 6px;
    border-radius: 6px;
    display: inline-block;
    width: max-content;
}

/* Le sous-titre de description reste en gris ardoise doux pour préserver le design clair */
body.theme-locevent .text-slate-400 {
    color: #94A3B8 !important;
}