:root {
            --primary: #089bd3;
            --secondary: #673bb7;
            --success: #7ed321;
            --danger: #ff1616;
            --warning: #ffaa16;
            --info: #1EA7C5;
            --nav-headbg: #089bd3;
            --headerbg: #FFFFFF;
            --sidebar-bg: #FFFFFF;
            --body-bg: #f5f5f5;
            --brand-title-color: #FFFFFF;
            --sidebar-menu-color: #7E7E7E;
        }
        
        body[data-nav-headerbg],
        body[data-sidebarbg],
        body {
            --nav-headbg: #089bd3 !important;
            --sidebar-bg: #FFFFFF !important;
            --headerbg: #FFFFFF !important;
            --body-bg: #f5f5f5 !important;
        }

        .nav-header { background-color: var(--nav-headbg) !important; }
        .nav-header .brand-title { color: var(--brand-title-color, #454545) !important; }
        .nav-header .hamburger .line { background-color: #454545 !important; }

        .dlabnav .metismenu a,
        .dlabnav .metismenu a i,
        .dlabnav .metismenu a .nav-text {
            color: var(--sidebar-menu-color, #7E7E7E) !important;
        }

        /* Couleurs principales */
        .btn-primary, .badge-primary { background-color: #089bd3 !important; border-color: #089bd3 !important; }
        .btn-secondary, .badge-secondary { background-color: #673bb7 !important; border-color: #673bb7 !important; }
        .btn-success, .badge-success { background-color: #7ed321 !important; border-color: #7ed321 !important; }
        .btn-danger, .badge-danger { background-color: #ff1616 !important; border-color: #ff1616 !important; }
        .btn-warning, .badge-warning { background-color: #ffaa16 !important; border-color: #ffaa16 !important; }
        .btn-info, .badge-info { background-color: #1EA7C5 !important; border-color: #1EA7C5 !important; }

        /* Outline buttons */
        .btn-outline-primary { color: #089bd3; border-color: #089bd3; }
        .btn-outline-primary:hover { background-color: #089bd3; border-color: #089bd3; }
        .btn-outline-secondary { color: #673bb7; border-color: #673bb7; }
        .btn-outline-secondary:hover { background-color: #673bb7; border-color: #673bb7; }

        /* Texte */
        .text-primary { color: #312a2a !important; }
        .text-secondary { color: #737b8b !important; }

        /* Liens */
        a { color: #089bd3; }
        a:hover { color: #077fb0; }

        /* Layout via variables (respecte light/dark) */
        .content-body { background-color: var(--body-bg); }
        body { background-color: var(--body-bg); }

        /* Navigation active */
        .metismenu > li.mm-active > a,
        .metismenu > li > a:hover,
        .metismenu > li > a:focus {
            color: #089bd3 !important;
        }

        .metismenu li a.mm-active {
            color: #089bd3 !important;
        }

        /* Bordures et éléments avec couleur primaire */
        .border-primary { border-color: #089bd3 !important; }
        .bg-primary { background-color: #089bd3 !important; }
        .bg-secondary { background-color: #673bb7 !important; }
        .bg-success { background-color: #7ed321 !important; }
        .bg-danger { background-color: #ff1616 !important; }
        .bg-warning { background-color: #ffaa16 !important; }
        .bg-info { background-color: #1EA7C5 !important; }

        /* Alert */
        .alert-primary { background-color: #089bd322; border-color: #089bd3; color: #089bd3; }
        .alert-success { background-color: #7ed32122; border-color: #7ed321; color: #7ed321; }
        .alert-danger { background-color: #ff161622; border-color: #ff1616; color: #ff1616; }
        .alert-warning { background-color: #ffaa1622; border-color: #ffaa16; color: #ffaa16; }
        .alert-info { background-color: #1EA7C522; border-color: #1EA7C5; color: #1EA7C5; }

        /* Cards */
        /* Use theme variable so dark mode applies correctly */
        .card-header { background-color: var(--card); }

        /* Progress bars */
        .progress-bar { background-color: #089bd3 !important; }
        .progress-bar-success { background-color: #7ed321 !important; }
        .progress-bar-danger { background-color: #ff1616 !important; }
        .progress-bar-warning { background-color: #ffaa16 !important; }
        .progress-bar-info { background-color: #1EA7C5 !important; }

        /* Forms */
        .form-control:focus { border-color: #089bd3; box-shadow: 0 0 0 0.2rem #089bd333; }
        .custom-control-input:checked ~ .custom-control-label::before { background-color: #089bd3; border-color: #089bd3; }

        /* Pagination */
        .pagination .page-item.active .page-link { background-color: #089bd3; border-color: #089bd3; }
        .pagination .page-link:hover { color: #089bd3; }

        /* Nav tabs */
        .nav-tabs .nav-link.active { color: #089bd3; border-bottom-color: #089bd3; }
        .nav-pills .nav-link.active { background-color: #089bd3; }