/* Dark Theme Overrides */
[data-theme="dark"] {
    --bg: #0a0a0a;
    --panel: #141414;
    --text: #e2e8f0;
    --muted: #94a3b8;
    --neon: #3b82f6;
    --accent: #1d4ed8;
    --good: #10b981;
    --bad: #ef4444;
}

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

[data-theme="dark"] .main-nav {
    background: rgba(10, 10, 10, 0.9);
}

[data-theme="dark"] .card,
[data-theme="dark"] .feature-card {
    background: var(--panel);
    border: 1px solid #2a2a2a;
}

[data-theme="dark"] .btn-login {
    background: transparent;
    border: 1px solid rgba(59, 130, 246, 0.5);
    color: var(--text) !important;
}

[data-theme="dark"] .btn-login:hover {
    background: rgba(59, 130, 246, 0.1);
    border-color: var(--neon);
}

[data-theme="dark"] .btn-primary {
    background: transparent;
    border: 1px solid var(--neon);
    color: var(--text);
    box-shadow: 0 4px 12px rgba(59, 130, 246, .1);
}

[data-theme="dark"] .btn-primary:hover {
    background: rgba(59, 130, 246, 0.1);
}

[data-theme="dark"] input {
    background: #0a0a0a;
    border: 1px solid #333;
}

[data-theme="dark"] .stat {
    background: #0a0a0a;
    border: 1px solid #2a2a2a;
}

[data-theme="dark"] .grid-bg {
    background-image: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
}

[data-theme="dark"] .neon {
    text-shadow: none;
}