/* ==========================================================================
   The Vault — 5-Theme System
   Aligned with beacon community.css variable names
   ========================================================================== */

:root,
[data-theme="spectrum-holo"] {
    --bg-primary: rgba(10,10,15,0.85);
    --bg-secondary: rgba(15,15,26,0.88);
    --bg-tertiary: rgba(22,22,42,0.9);
    --bg-card: rgba(12,12,24,0.88);
    --bg-input: rgba(15,15,26,0.95);
    --bg-hover: rgba(26,26,48,0.9);

    --text-primary: #e8e8f0;
    --text-secondary: #a0a0b8;
    --text-muted: #6a6a82;
    --text-light: #4a4a62;
    --text-inverse: #0a0a0f;

    --brand-primary: #00ff88;
    --brand-dark: #00cc6a;
    --brand-light: rgba(0,255,136,0.12);
    --accent: #00ccff;
    --accent-dark: #00aadd;
    --accent-light: rgba(0,204,255,0.12);

    --neon-1: #00ff88;
    --neon-2: #00ccff;
    --neon-3: #ff6600;
    --neon-4: #ff0066;
    --neon-5: #aa00ff;

    --success: #00ff88;
    --success-light: rgba(0,255,136,0.12);
    --warning: #ff6600;
    --warning-light: rgba(255,102,0,0.12);
    --danger: #ff0066;
    --danger-light: rgba(255,0,102,0.12);
    --info: #00ccff;
    --info-light: rgba(0,204,255,0.12);

    --border: #1e1e35;
    --border-light: #14142a;
    --border-focus: #00ff88;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
    --shadow: 0 2px 6px rgba(0,0,0,0.5);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.6);

    --holo-gradient: linear-gradient(90deg, #00ff88, #00ccff, #ff6600, #ff0066, #aa00ff, #00ff88);
}

[data-theme="cyber-neon"] {
    --bg-primary: rgba(10,10,26,0.85);
    --bg-secondary: rgba(14,14,36,0.88);
    --bg-tertiary: rgba(21,21,58,0.9);
    --bg-card: rgba(12,12,32,0.88);
    --bg-input: rgba(14,14,36,0.95);
    --bg-hover: rgba(26,26,64,0.9);

    --brand-primary: #00ffff;
    --brand-dark: #00cccc;
    --brand-light: rgba(0,255,255,0.12);
    --accent: #ff00ff;
    --accent-dark: #cc00cc;
    --accent-light: rgba(255,0,255,0.12);

    --neon-1: #00ffff;
    --neon-2: #ff00ff;
    --neon-3: #8b5cf6;
    --neon-4: #ff00ff;
    --neon-5: #8b5cf6;

    --success: #00ffaa;
    --success-light: rgba(0,255,170,0.12);
    --warning: #ffaa00;
    --warning-light: rgba(255,170,0,0.12);
    --danger: #ff3366;
    --danger-light: rgba(255,51,102,0.12);
    --info: #00ffff;
    --info-light: rgba(0,255,255,0.12);

    --border: #1a1a40;
    --border-light: #12122a;
    --border-focus: #00ffff;

    --holo-gradient: linear-gradient(90deg, #00ffff, #ff00ff, #8b5cf6, #00ffff);
}

[data-theme="neon-spectrum"] {
    --bg-primary: rgba(10,10,10,0.85);
    --bg-secondary: rgba(17,17,17,0.88);
    --bg-tertiary: rgba(26,26,26,0.9);
    --bg-card: rgba(14,14,14,0.88);
    --bg-input: rgba(17,17,17,0.95);
    --bg-hover: rgba(30,30,30,0.9);

    --brand-primary: #00ff88;
    --brand-dark: #00cc6a;
    --brand-light: rgba(0,255,136,0.12);
    --accent: #00ccff;
    --accent-dark: #00aadd;
    --accent-light: rgba(0,204,255,0.12);

    --neon-1: #00ff88;
    --neon-2: #00ccff;
    --neon-3: #ff6600;
    --neon-4: #ff0066;
    --neon-5: #aa00ff;

    --success: #00ff88;
    --success-light: rgba(0,255,136,0.12);
    --warning: #ff6600;
    --warning-light: rgba(255,102,0,0.12);
    --danger: #ff0066;
    --danger-light: rgba(255,0,102,0.12);
    --info: #00ccff;
    --info-light: rgba(0,204,255,0.12);

    --border: #222222;
    --border-light: #181818;
    --border-focus: #00ff88;

    --holo-gradient: linear-gradient(90deg, #00ff88, #00ccff, #ff6600, #ff0066, #aa00ff, #00ff88);
}

[data-theme="terminal-gold"] {
    --bg-primary: rgba(13,17,23,0.85);
    --bg-secondary: rgba(17,24,32,0.88);
    --bg-tertiary: rgba(22,29,39,0.9);
    --bg-card: rgba(15,22,30,0.88);
    --bg-input: rgba(17,24,32,0.95);
    --bg-hover: rgba(26,34,45,0.9);

    --brand-primary: #f0b429;
    --brand-dark: #d09820;
    --brand-light: rgba(240,180,41,0.12);
    --accent: #2dd4bf;
    --accent-dark: #25b0a0;
    --accent-light: rgba(45,212,191,0.12);

    --neon-1: #f0b429;
    --neon-2: #2dd4bf;
    --neon-3: #f0b429;
    --neon-4: #2dd4bf;
    --neon-5: #f0b429;

    --success: #2dd4bf;
    --success-light: rgba(45,212,191,0.12);
    --warning: #f0b429;
    --warning-light: rgba(240,180,41,0.12);
    --danger: #ff6b6b;
    --danger-light: rgba(255,107,107,0.12);
    --info: #2dd4bf;
    --info-light: rgba(45,212,191,0.12);

    --border: #1e2731;
    --border-light: #151c25;
    --border-focus: #f0b429;

    --holo-gradient: linear-gradient(90deg, #f0b429, #2dd4bf, #f0b429);
}

[data-theme="holographic"] {
    --bg-primary: rgba(10,10,20,0.85);
    --bg-secondary: rgba(14,14,30,0.88);
    --bg-tertiary: rgba(20,20,40,0.9);
    --bg-card: rgba(12,12,26,0.88);
    --bg-input: rgba(14,14,30,0.95);
    --bg-hover: rgba(24,24,46,0.9);

    --brand-primary: #c8b8ff;
    --brand-dark: #a090e0;
    --brand-light: rgba(200,184,255,0.12);
    --accent: #88ddff;
    --accent-dark: #66bbdd;
    --accent-light: rgba(136,221,255,0.12);

    --neon-1: #c8b8ff;
    --neon-2: #88ddff;
    --neon-3: #ffb088;
    --neon-4: #ff88bb;
    --neon-5: #88ffbb;

    --success: #88ffbb;
    --success-light: rgba(136,255,187,0.12);
    --warning: #ffcc88;
    --warning-light: rgba(255,204,136,0.12);
    --danger: #ff88aa;
    --danger-light: rgba(255,136,170,0.12);
    --info: #88ddff;
    --info-light: rgba(136,221,255,0.12);

    --border: #1e1e38;
    --border-light: #141430;
    --border-focus: #c8b8ff;

    --holo-gradient: linear-gradient(90deg, #c8b8ff, #88ddff, #ffb088, #ff88bb, #88ffbb, #c8b8ff);
}

@keyframes holoShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes neonPulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}