:root {
    /* Color Palette - Neon Cyberpunk */
    --color-bg-dark: #0a0b10;
    --color-bg-card: rgba(20, 22, 31, 0.7);
    --color-bg-glass: rgba(255, 255, 255, 0.05);
    
    --color-primary: #00f0ff; /* Cyan Neon */
    --color-secondary: #7000ff; /* Purple Neon */
    --color-accent: #ff0055; /* Pink Neon */
    --color-success: #00ff9d;
    --color-warning: #ffbe00;
    --color-danger: #ff2a2a;
    
    --color-text-main: #e0e6ed;
    --color-text-muted: #94a3b8;
    
    /* Gradients */
    --gradient-glow: linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(112, 0, 255, 0.1));
    --gradient-card: linear-gradient(180deg, rgba(30, 32, 45, 0.8) 0%, rgba(20, 22, 31, 0.9) 100%);

    /* Shadows & Glows */
    --shadow-card: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --glow-primary: 0 0 15px rgba(0, 240, 255, 0.4);
    --glow-text: 0 0 5px rgba(224, 230, 237, 0.5);

    /* Borders */
    --border-glass: 1px solid rgba(255, 255, 255, 0.1);
    --border-active: 1px solid rgba(0, 240, 255, 0.5);

    /* Typography */
    --font-heading: 'Michroma', sans-serif; /* Futurustic tech font */
    --font-body: 'Rajdhani', sans-serif;    /* Technical display font */
    --font-mono: 'JetBrains Mono', monospace;
}

/* Animations */
@keyframes flicker {
    0% { opacity: 1; }
    5% { opacity: 0.8; }
    10% { opacity: 1; }
    15% { opacity: 0.3; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes scanline {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100vh); }
}