/**
 * Тема: Cyberpunk (Киберпанк)
 * Неоновые cyan/magenta акценты, диагональные градиенты
 */

body.theme-cyberpunk {
    --bg1: #0d0d1a;
    --bg2: #1a0d1a;
    --glow: 0 0 0 1px rgba(0,217,255,0.1), 0 0 20px rgba(0,217,255,0.15), 0 20px 60px rgba(0,0,0,.5);
    --glass: rgba(0,217,255,.04);
    --glass2: rgba(255,0,255,.06);
    
    background:
        linear-gradient(135deg, rgba(0,217,255,.15) 0%, transparent 40%),
        linear-gradient(225deg, rgba(255,0,255,.12) 0%, transparent 40%),
        linear-gradient(315deg, rgba(255,255,0,.08) 0%, transparent 30%),
        radial-gradient(800px 600px at 80% 20%, rgba(0,217,255,.2), transparent 50%),
        radial-gradient(700px 500px at 20% 80%, rgba(255,0,255,.15), transparent 50%),
        linear-gradient(180deg, var(--bg1), var(--bg2));
}

body.theme-cyberpunk .shadow-\[var\(--glow\)\] {
    box-shadow: var(--glow);
}