/* ============================================================
   DARK MODE - Sistem Informasi MWC NU
   ============================================================ */

[data-theme="dark"] {
    --white: #1a1a2e;
    --gray-50: #16213e;
    --gray-100: #1a1a2e;
    --gray-200: #2a2a4a;
    --gray-300: #3a3a5a;
    --gray-400: #6a6a8a;
    --gray-500: #8a8aa0;
    --gray-600: #a0a0b8;
    --gray-700: #c0c0d0;
    --gray-800: #e0e0e8;
    --gray-900: #f0f0f5;
    --black: #ffffff;

    --glass-bg: rgba(26, 26, 46, 0.85);
    --glass-border: rgba(255, 255, 255, 0.08);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] body {
    background-color: #0f0f23;
    color: #e0e0e8;
}

[data-theme="dark"] .main-navbar {
    background: rgba(26, 26, 46, 0.92);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .main-navbar.scrolled {
    background: rgba(22, 33, 62, 0.97);
}

[data-theme="dark"] .main-navbar .nav-link {
    color: #c0c0d0 !important;
}

[data-theme="dark"] .main-navbar .nav-link:hover,
[data-theme="dark"] .main-navbar .nav-link.active {
    color: var(--nu-green-400) !important;
}

[data-theme="dark"] .brand-text .brand-name {
    color: var(--nu-green-400);
}

[data-theme="dark"] .brand-text .brand-tagline {
    color: #8a8aa0;
}

[data-theme="dark"] .mega-menu {
    background: #1a1a2e;
    border-top-color: var(--nu-green-700);
}

[data-theme="dark"] .mega-menu .mega-link {
    color: #a0a0b8;
}

[data-theme="dark"] .mega-menu .mega-link:hover {
    color: var(--nu-green-400);
}

[data-theme="dark"] .card-nu {
    background: #1a1a2e;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .card-nu .card-title {
    color: #e0e0e8;
}

[data-theme="dark"] .card-nu .card-title a {
    color: #e0e0e8;
}

[data-theme="dark"] .card-nu .card-title a:hover {
    color: var(--nu-green-400);
}

[data-theme="dark"] .card-nu .card-text {
    color: #8a8aa0;
}

[data-theme="dark"] .card-nu .card-meta {
    border-top-color: rgba(255, 255, 255, 0.06);
    color: #6a6a8a;
}

[data-theme="dark"] .card-nu .card-category {
    background: rgba(46, 125, 50, 0.15);
    color: var(--nu-green-400);
}

[data-theme="dark"] .section-alt {
    background: #1a1a2e;
}

[data-theme="dark"] .section-title h2 {
    color: var(--nu-green-400);
}

[data-theme="dark"] .section-title p {
    color: #8a8aa0;
}

[data-theme="dark"] .sambutan-section .sambutan-card {
    background: #1a1a2e;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .sambutan-section .sambutan-card::before {
    color: rgba(46, 125, 50, 0.15);
}

[data-theme="dark"] .sambutan-text {
    color: #a0a0b8;
}

[data-theme="dark"] .agenda-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .agenda-info h5 {
    color: #e0e0e8;
}

[data-theme="dark"] .agenda-item {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .pengurus-card {
    background: #1a1a2e;
}

[data-theme="dark"] .footer {
    background: #0a0a1a;
}

[data-theme="dark"] .dark-mode-toggle {
    background: #2a2a4a;
    color: var(--accent-gold);
}

[data-theme="dark"] .search-overlay input {
    background: #1a1a2e;
    color: #e0e0e8;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .breadcrumb-section {
    background: linear-gradient(135deg, #0d3311 0%, #1b5e20 50%, #2e7d32 100%);
}

[data-theme="dark"] .page-content h2 {
    color: var(--nu-green-400);
}

[data-theme="dark"] .dropdown-menu {
    background: #1a1a2e;
    border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .dropdown-item {
    color: #c0c0d0;
}

[data-theme="dark"] .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--nu-green-400);
}

[data-theme="dark"] .table {
    color: #c0c0d0;
    border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .table thead th {
    background: rgba(27, 94, 32, 0.15);
    border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .modal-content {
    background: #1a1a2e;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background: #16213e;
    border-color: rgba(255, 255, 255, 0.1);
    color: #e0e0e8;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background: #16213e;
    border-color: var(--nu-green-600);
    color: #e0e0e8;
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.2);
}

[data-theme="dark"] #page-loader {
    background: #0f0f23;
}

[data-theme="dark"] .loader-spinner {
    border-color: rgba(46, 125, 50, 0.2);
    border-top-color: var(--nu-green-400);
}

/* Transition for theme switching */
body, .main-navbar, .card-nu, .footer, .mega-menu,
.sambutan-section .sambutan-card, .section-alt,
.form-control, .form-select, .modal-content, .dropdown-menu {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}