/* dark.css - Dark mode theme */

[data-theme="dark"] {
    --bg-app: #0f172a;
    --bg-card: #1e293b;
    --bg-sidebar: #1e293b;
    --bg-input: #334155;
    --bg-hover: #334155;

    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-inverse: #0f172a;

    --border-color: #334155;
    --border-input: #475569;

    --success-bg: rgba(16, 185, 129, 0.15);
    --warning-bg: rgba(245, 158, 11, 0.15);
    --danger-bg: rgba(239, 68, 68, 0.15);
    --info-bg: rgba(59, 130, 246, 0.15);

    /* v48: aksen teks versi gelap — dipakai inline style via var() di banyak halaman */
    --success-strong: #34d399;
    --warning-strong: #fbbf24;
    --danger-strong: #f87171;
    --danger-accent: #fca5a5;
    --accent-strong: #a5b4fc;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.4), 0 2px 4px -1px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5), 0 4px 6px -2px rgba(0,0,0,0.3);
}

[data-theme="dark"] body {
    background: var(--bg-app);
}

[data-theme="dark"] .data-table th {
    background: var(--bg-input);
}

[data-theme="dark"] .stat-card {
    background: var(--bg-card);
}

[data-theme="dark"] .welcome-card {
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.3), rgba(var(--accent-rgb), 0.3));
}

[data-theme="dark"] .toast {
    background: var(--bg-card);
}

[data-theme="dark"] .login-body {
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.4), rgba(var(--accent-rgb), 0.4)), var(--bg-app);
}

[data-theme="dark"] .theme-preview-light {
    background: #f5f7fb;
}

[data-theme="dark"] .badge-admin { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
[data-theme="dark"] .badge-ketua { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }
[data-theme="dark"] .badge-user { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }

[data-theme="dark"] .preview-card {
    background: var(--bg-card);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    color-scheme: dark;
}

/* ============================================================
   v48b: HALAMAN LOGIN IKUT GELAP
   index.php memaksa kartu/panel terang dgn !important (0,1,0);
   rule di sini spesifisitas (0,2,0)+!important -> menang di dark.
   ============================================================ */
[data-theme="dark"] .login-card {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.6) !important;
}
[data-theme="dark"] .login-features {
    background: rgba(99, 102, 241, 0.16) !important;
    color: #a5b4fc !important;
}
[data-theme="dark"] .input-wrapper input {
    background: #334155 !important;
    color: #f1f5f9 !important;
    border: 1px solid #475569 !important;
}
[data-theme="dark"] .input-wrapper input::placeholder { color: #94a3b8 !important; }
[data-theme="dark"] .default-creds { background: rgba(51, 65, 85, 0.45) !important; }
[data-theme="dark"] .default-creds code {
    background: rgba(99, 102, 241, 0.2) !important;
    color: #a5b4fc !important;
}
[data-theme="dark"] .login-card .alert {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
    border-left-color: #f59e0b !important;
}
/* Tombol Masuk: ujung gradient digelapkan agar teks putih >=3.9:1
   + background-color cadangan (di bawah gradient) utk pengukuran/graceful */
[data-theme="dark"] .btn-login {
    background: linear-gradient(135deg, #4f46e5, #0284c7) !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
}