/* variables.css */
:root {
    /* Futuristic Color Scheme */
    --neon-violet: #a855f7;
    --neon-violet-glow: rgba(168, 85, 247, 0.5);
    --cyber-aqua: #06b6d4;
    --cyber-aqua-glow: rgba(6, 182, 212, 0.5);
    --electric-orange: #f97316;
    --electric-orange-glow: rgba(249, 115, 22, 0.5);
    --matrix-green: #22c55e;
    --matrix-green-glow: rgba(34, 197, 94, 0.5);
    --deep-space: #0a0a18;
    --space-dark: #12122a;
    --space-light: #1e1e3f;
    --cosmic-text: #e2e8f0;
    --starlight: #f8fafc;
    
    /* Glass morphism effects */
    --glass: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.18);
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    --glass-dark: rgba(10, 10, 24, 0.8);
    
    /* Animation speeds */
    --transition-slow: 0.5s;
    --transition-medium: 0.3s;
    --transition-fast: 0.15s;
}