/* css/theme.css */

/* --- 1. CUSTOM COLOR PALETTE OVERRIDES --- */
:root {
    --smc-darkest: #005461;
    --smc-dark: #0c7779;
    --smc-light: #74e2ce;
    --smc-gray: #cdd8da;
    --smc-bg: #062024;
    --smc-white: #FFFFFF;
}

/* --- 2. GLOBAL BACKGROUNDS & TEXT --- */
body { background-color: var(--smc-gray) !important; }
.bg-light { background-color: var(--smc-gray) !important; }
.text-primary { color: var(--smc-dark) !important; }
.text-success { color: var(--smc-dark) !important; }

.bg-bg { background-color: var(--smc-bg) !important; }
/* --- 3. BUTTONS --- */
.btn-primary {
    background-color: var(--smc-dark) !important;
    border-color: var(--smc-dark) !important;
    color: var(--smc-white) !important;
}
.btn-primary:hover {
    background-color: var(--smc-darkest) !important;
    border-color: var(--smc-darkest) !important;
}

.btn-outline-secondary {
    border-color: var(--smc-dark) !important;
    color: var(--smc-dark) !important;
}
.btn-outline-secondary:hover {
    background-color: var(--smc-dark) !important;
    color: var(--smc-white) !important;
}

.btn-success {
    background-color: var(--smc-light) !important;
    border-color: var(--smc-light) !important;
    color: var(--smc-darkest) !important;
    font-weight: bold;
}

/* --- 4. TABLES & PROGRESS BARS --- */
.table-dark {
    background-color: var(--smc-darkest) !important;
    color: var(--smc-white) !important;
}
.table-dark th {
    background-color: var(--smc-darkest) !important;
    color: var(--smc-white) !important;
    border-color: var(--smc-dark) !important;
}
.progress-bar.bg-success {
    background-color: var(--smc-light) !important;
}
.table-middle td { vertical-align: middle; }
.dashboard-table th { white-space: nowrap; }

/* --- 5. ADMIN SIDEBAR --- */
#main-sidebar {
    background-color: var(--smc-darkest) !important;
}
#main-sidebar .bg-primary {
    background-color: var(--smc-dark) !important;
}
#main-sidebar .nav-link.active,
#main-sidebar .btn-toggle[aria-expanded="true"] {
    background-color: var(--smc-dark) !important;
    color: var(--smc-white) !important;
}
#main-sidebar .nav-link:hover:not(.active),
#main-sidebar .btn-toggle:hover {
    background-color: rgba(113, 161, 103, 0.2) !important;
    color: var(--smc-white) !important;
}
#main-sidebar .bg-secondary {
    background-color: var(--smc-light) !important;
}
#mobile-sidebar-toggle.btn-primary {
    background-color: var(--smc-dark) !important;
    border-color: var(--smc-dark) !important;
}

/* Desktop Collapse Behavior */
@media (min-width: 992px) {
    #main-sidebar { transition: margin-left 0.3s ease-in-out !important; }
    #main-sidebar.collapsed { margin-left: -280px !important; }
    #main-sidebar.collapsed span:not(.badge), 
    #main-sidebar.collapsed small, 
    #main-sidebar.collapsed .nav-header { display: inline-block !important; }
}