/* ═══════════════════════════════════════════════ */
/* Dark Mode v2.0 — Deep, rich, with glow effects */
/* ═══════════════════════════════════════════════ */

[data-theme="dark"] {
    --bg: #0B1120;
    --bg-alt: #131B2E;
    --bg-card: #151F36;
    --bg-glass: rgba(11,17,32,0.8);
    --text: #E8EDF5;
    --text-secondary: #8B9AB8;
    --text-muted: #5B6B88;
    --border: #1E2D4A;
    --border-light: #182238;
    --primary-light: #1A2D52;
    --primary-lighter: #0F1B35;
    --primary-glow: rgba(37,99,235,0.25);
    --gradient-hero: linear-gradient(135deg, #0B1120 0%, #0F1B35 30%, #0E1F3F 60%, #0B1120 100%);
    --gradient-card: linear-gradient(135deg, rgba(37,99,235,0.04) 0%, rgba(6,182,212,0.04) 100%);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-md: 0 8px 25px rgba(0,0,0,0.4);
    --shadow-lg: 0 20px 50px rgba(0,0,0,0.5);
    --shadow-glow: 0 0 30px rgba(37,99,235,0.15), 0 0 60px rgba(37,99,235,0.08);
    --shadow-hover: 0 20px 40px rgba(37,99,235,0.12), 0 0 30px rgba(37,99,235,0.1);
    --success-bg: rgba(5,150,105,0.12);
    --error-bg: rgba(220,38,38,0.12);
    --warning-bg: rgba(217,119,6,0.12);
    --info-bg: rgba(37,99,235,0.12);
}

/* Navbar glass */
[data-theme="dark"] .navbar {
    background: rgba(11,17,32,0.85);
    backdrop-filter: blur(20px) saturate(150%);
    border-bottom-color: rgba(30,45,74,0.5);
}
[data-theme="dark"] .navbar.scrolled {
    box-shadow: 0 4px 30px rgba(0,0,0,0.3);
}

/* Nav active */
[data-theme="dark"] .nav-links li a.active {
    box-shadow: 0 2px 12px rgba(37,99,235,0.35);
}

/* Hero */
[data-theme="dark"] .hero,
[data-theme="dark"] .page-header {
    background: var(--gradient-hero);
}
[data-theme="dark"] .hero::before {
    background: radial-gradient(circle, rgba(37,99,235,0.12) 0%, transparent 70%);
}
[data-theme="dark"] .hero::after {
    background: radial-gradient(circle, rgba(6,182,212,0.08) 0%, transparent 70%);
}
[data-theme="dark"] .hero-tag {
    background: rgba(21,31,54,0.8);
    border-color: rgba(37,99,235,0.25);
    box-shadow: 0 0 20px rgba(37,99,235,0.1);
}

/* Cards glow border on hover */
[data-theme="dark"] .card:hover,
[data-theme="dark"] .project-card:hover,
[data-theme="dark"] .watch-card:hover {
    border-color: rgba(37,99,235,0.3);
    box-shadow: var(--shadow-hover);
}

/* Card img placeholder */
[data-theme="dark"] .card-img {
    background: linear-gradient(135deg, #131B2E, #1A2D52);
}

/* Access page */
[data-theme="dark"] .access-page {
    background: linear-gradient(135deg, #060D1F 0%, #0E1F3F 50%, #060D1F 100%);
}
[data-theme="dark"] .access-card {
    background: rgba(21,31,54,0.85);
    backdrop-filter: blur(20px);
    border-color: rgba(30,45,74,0.6);
}

/* Forms */
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea {
    background: #0B1120;
    border-color: var(--border);
    color: var(--text);
}
[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(37,99,235,0.2);
}

/* Skill bars */
[data-theme="dark"] .skill-bar {
    background: #1A2D52;
}

/* Info items */
[data-theme="dark"] .info-item {
    background: #131B2E;
    border-color: #1E2D4A;
}
[data-theme="dark"] .info-item:hover {
    border-color: rgba(37,99,235,0.4);
    box-shadow: 0 0 20px rgba(37,99,235,0.1);
}

/* Theme toggle */
[data-theme="dark"] .theme-toggle {
    border-color: var(--border);
    color: var(--text-secondary);
    background: #131B2E;
}
[data-theme="dark"] .theme-toggle:hover {
    background: var(--primary-light);
    color: var(--primary);
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0B1120; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #1E2D4A; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #2A3F66; }

/* Mobile nav */
[data-theme="dark"] .nav-links {
    background: rgba(11,17,32,0.95);
    backdrop-filter: blur(20px);
    border-left-color: #1E2D4A;
}

/* Alerts in dark */
[data-theme="dark"] .alert {
    backdrop-filter: blur(10px);
}

/* ─── ADMIN DARK MODE ─── */
[data-theme="dark"] .admin-sidebar {
    background: #080E1C;
    border-right-color: #1E2D4A;
}
[data-theme="dark"] .admin-header {
    background: #131B2E;
    border-bottom-color: #1E2D4A;
}
[data-theme="dark"] .admin-card,
[data-theme="dark"] .stat-card {
    background: #151F36;
    border-color: #1E2D4A;
}
[data-theme="dark"] .admin-table th {
    background: #0B1120;
}
[data-theme="dark"] .admin-table td {
    border-bottom-color: #1E2D4A;
}
[data-theme="dark"] .admin-table tr:hover {
    background: rgba(37,99,235,0.06);
}
[data-theme="dark"] .admin-table .row--unread {
    background: rgba(37,99,235,0.08);
}
[data-theme="dark"] .admin-login-page {
    background: linear-gradient(135deg, #060D1F 0%, #0E1F3F 100%);
}
[data-theme="dark"] .admin-login-card {
    background: #151F36;
    border-color: #1E2D4A;
}
[data-theme="dark"] .sidebar-logout-btn {
    border-color: #1E2D4A;
    color: var(--text-secondary);
}
[data-theme="dark"] .sidebar-logout-btn:hover {
    background: rgba(220,38,38,0.1);
    color: var(--error);
}
[data-theme="dark"] .admin-nav a.active {
    background: rgba(37,99,235,0.15);
}