/* === DARK THEME - INHERITS FROM custom.css, OVERRIDES COLORS ONLY === */
.dark-theme {
    /* === COLOR OVERRIDES === */
    --bg-color: #222;
    --text-color: #e0e0e0;
    --text-color-secondary: #d1d5db;
    --text-color-muted: #d1d5db;
    --text-color-danger: #f87171;
    --sidebar-bg: #333;
    --sidebar-text: #e0e0e0;
    --link-color: #6ea8fe;
    --link-hover-color: #9ec5fe;
    
    /* Font sizes, weights, and families are inherited from custom.css */
}

/* === TEXT UTILITIES (Override Bootstrap classes for dark mode) === */
.dark-theme .text-muted {
    color: var(--text-color-muted) !important;
}

.dark-theme .text-secondary {
    color: var(--text-color-secondary) !important;
}

.dark-theme .text-danger {
    color: var(--text-color-danger) !important;
}

/* === HEADINGS & TEXT === */
.dark-theme h1, .dark-theme h2, .dark-theme h3, 
.dark-theme h4, .dark-theme h5, .dark-theme h6 {
    color: var(--text-color);
}

.dark-theme p, .dark-theme span {
    color: var(--text-color);
}

.dark-theme label, .dark-theme .form-label {
    color: var(--text-color);
}

/* === SIDEBAR LINKS === */
.dark-theme #sidebar a.nav-link {
    color: #adb5bd;
}
.dark-theme #sidebar a.nav-link.active {
    color: #fff;
    background-color: #6E868D; /* Slate Dark - muted blue-gray for dark mode */
    border-radius: 20px; /* Match light mode rounded edges */
}
.dark-theme #sidebar a.nav-link:hover {
    color: #fff;
}

/* === TAB STYLES - DARK MODE === */
.dark-theme .nav-tabs {
    border-bottom: 2px solid #444;
}

.dark-theme .nav-tabs .nav-link {
    color: #adb5bd;
    background-color: transparent;
}

.dark-theme .nav-tabs .nav-link:hover {
    color: #e0e0e0;
    border-bottom-color: #666;
}

.dark-theme .nav-tabs .nav-link.active {
    color: #C3DDE5;
    border-bottom-color: #92B7C2;
    background-color: rgba(146, 183, 194, 0.2);
    border-radius: 8px 8px 0 0;
}

/* NOTE: Table styles are now in tables.css */
/* NOTE: Modal styles and file upload styles are now in modals.css */