/* Neon Theme - Purple/Neon Aesthetic */

:root {
    --neon-primary: #a855f7;
    --neon-secondary: #ec4899;
    --neon-accent: #06b6d4;
    --neon-warning: #fbbf24;
    --neon-danger: #f43f5e;
    
    --neon-bg: #0f0a1a;
    --neon-bg-light: #1a0f2e;
    --neon-bg-card: #1a0f2e;
    --neon-border: #2d1b3d;
    
    --neon-text: #f3e8ff;
    --neon-text-light: #c4b5fd;
    --neon-text-muted: #a78bfa;
    
    --neon-glow: 0 0 20px rgba(168, 85, 247, 0.4), 0 0 40px rgba(168, 85, 247, 0.2);
}

body.neon-theme {
    background: var(--neon-bg);
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(168, 85, 247, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%);
    color: var(--neon-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.neon-theme .dashboard-card,
.neon-theme .pricing-card {
    background: var(--neon-bg-card);
    border: 1px solid var(--neon-border);
    box-shadow: var(--neon-glow);
}

.neon-theme .navbar {
    background: var(--neon-bg-card);
    border-bottom: 2px solid var(--neon-primary);
    box-shadow: var(--neon-glow);
}

.neon-theme .btn-primary {
    background: var(--neon-primary);
    color: white;
    box-shadow: var(--neon-glow);
}

.neon-theme .btn-primary:hover {
    background: #9333ea;
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.6);
}

.neon-theme .status-badge.status-running {
    background: rgba(6, 182, 212, 0.2);
    color: var(--neon-accent);
    border: 1px solid var(--neon-accent);
}

.neon-theme .status-badge.status-completed {
    background: rgba(168, 85, 247, 0.2);
    color: var(--neon-primary);
    border: 1px solid var(--neon-primary);
}

.neon-theme .status-badge.status-stopped {
    background: rgba(244, 63, 94, 0.2);
    color: var(--neon-danger);
    border: 1px solid var(--neon-danger);
}