/* ============================================
   Theme: Arcade
   Same as default - the classic neon arcade
   ============================================ */
:root {
    --accent-primary: #b829e3;
    --accent-secondary: #ff2d95;
    --accent-tertiary: #00d4ff;
    --accent-success: #00ffd5;
    --accent-warning: #ffe64d;
    --accent-danger: #ff1744;
    --accent-orange: #ff6b35;

    --bg-primary: #0a0a0f;
    --bg-surface: #12121a;
    --bg-surface-hover: #1a1a2e;
    --bg-sidebar: #0d0d14;
    --bg-input: #16162a;

    --text-primary: #e8e8f0;
    --text-secondary: #8888aa;
    --text-muted: #555570;

    --border-color: #2a2a3e;

    --font-title: 'Orbitron', sans-serif;
    --font-accent: 'Press Start 2P', monospace;
    --font-body: 'Inter', -apple-system, sans-serif;

    --accent-primary-rgb: 184, 41, 227;
    --accent-secondary-rgb: 255, 45, 149;
    --accent-tertiary-rgb: 0, 212, 255;
    --accent-success-rgb: 0, 255, 213;
    --accent-warning-rgb: 255, 230, 77;
    --accent-danger-rgb: 255, 23, 68;

    --bg-pattern: linear-gradient(rgba(var(--accent-primary-rgb), 0.03) 1px, transparent 1px),
                  linear-gradient(90deg, rgba(var(--accent-primary-rgb), 0.03) 1px, transparent 1px);
    --bg-pattern-size: 40px 40px;
    --title-glow: 0 0 7px var(--accent-primary), 0 0 10px var(--accent-primary),
                  0 0 21px var(--accent-primary), 0 0 42px var(--accent-secondary),
                  0 0 82px var(--accent-secondary), 0 0 92px var(--accent-secondary);
    --sidebar-title-glow: 0 0 10px var(--accent-primary), 0 0 20px var(--accent-secondary);
    --scanline-opacity: 0.08;
    --title-animation: neon-flicker 3s infinite alternate;
}