/* ============ Dark Theme Variable Overrides ============ */
[data-theme="dark"] {
    --bg-primary: #1a1a2e;
    --bg-secondary: #16213e;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --card-bg: #222244;
    --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    --accent-1: #ff8a8a;
    --accent-2: #6ee7de;
    --accent-3: #fff09b;
    --accent-4: #c4b5fd;
    --navbar-bg: #16213e;
    --footer-text: #777;
}

[data-theme="dark"] body {
    background: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));
}

[data-theme="dark"] .navbar {
    background: var(--navbar-bg) !important;
}

[data-theme="dark"] img:not(.dark-mode-toggle img) {
    filter: brightness(0.92);
}