:root {
        --primary-color: #3B82F6;
        --secondary-color: #1E3A8A;
        --background-color: #E5E7EB;
        --text-color: #1F2937;
        --primary-hover: #3B82F6E6; /* Avec 90% d'opacité pour le hover */
        --secondary-hover: #1E3A8AE6;
        --navbar-color: #D1D5DB;
        --sidebar-bg-color: #1E3A8A;
        --sidebar-text-color: #FFFFFF;
        --sidebar-header-color: #3B82F6;
        --success-color: #10B981;
        --error-color: #EF4444;
        --warning-color: #F59E0B;
        --info-color: #3B82F6;
        --border-color: #D1D5DB;
        --action-color: #10B981;
        --action-hover: #10B981E6; /* Avec 90% d'opacité pour le hover */
    }
    
    /* Styles de base */
    body {
        background-color: var(--background-color);
        color: var(--text-color);
    }
    
    /* Remplacements pour classes Tailwind */
    .bg-blue-500 {
        background-color: var(--primary-color) !important;
    }
    
    .bg-blue-600 {
        background-color: var(--primary-color) !important;
    }
    
    .bg-blue-700 {
        background-color: var(--primary-hover) !important;
    }
    
    .bg-blue-900 {
        background-color: var(--secondary-color) !important;
    }
    
    .text-blue-600, .text-blue-700 {
        color: var(--primary-color) !important;
    }
    
    .hover\:text-blue-300:hover {
        color: var(--primary-color) !important;
        opacity: 0.8;
    }
    
    .hover\:text-blue-600:hover, .hover\:text-blue-700:hover {
        color: var(--primary-hover) !important;
    }
    
    .hover\:bg-blue-700:hover {
        background-color: var(--primary-hover) !important;
    }
    
    .border-blue-800 {
        border-color: var(--secondary-color) !important;
        opacity: 0.8;
    }
    
    /* Navigation */
    .bg-gray-300 {
        background-color: var(--navbar-color) !important;
    }
    
    /* Sidebar */
    aside.bg-blue-900 {
        background-color: var(--sidebar-bg-color) !important;
        color: var(--sidebar-text-color) !important;
    }
    
    /* En-tête de la sidebar */
    .bg-blue-500 {
        background-color: var(--sidebar-header-color) !important;
    }
    
    /* Bordures */
    .border-slate-300, .border-b, .border-t {
        border-color: var(--border-color) !important;
    }
    
    /* Messages d'alerte */
    .bg-green-500 {
        background-color: var(--success-color) !important;
    }
    
    .bg-red-500 {
        background-color: var(--error-color) !important;
    }
    
    .bg-yellow-500 {
        background-color: var(--warning-color) !important;
    }
    
    .bg-blue-500:not(.rounded-t-lg) {
        background-color: var(--info-color) !important;
    }
    
    /* Bouton d'action (vert) */
    .bg-green-600, .bg-green-500 {
        background-color: var(--action-color) !important;
    }
    
    .hover\:bg-green-700:hover {
        background-color: var(--action-hover) !important;
    }
    
    /* Liens dans le contenu markdown */
    .markdown-content a {
        color: var(--primary-color) !important;
    }
    
    .markdown-content a:hover {
        color: var(--primary-hover) !important;
    }