/* Dark Gaming Theme */
html[data-theme = "dark__gaming"] {
  --nav-color: #131318;
  --bg-primary: #23232b;
  --bg-secondary: #19191f;
  --bg-card: #2a2a3a;
  --bg-input: #23232b;
  --text-primary: #f3f3f3;
  --text-secondary: #b0b0b0;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #ff6fae;
  --accent-secondary: #5865f2;
  --border-color: #3a3a4a;
  --shadow-color: rgba(0, 0, 0, 0.18);
  --hover-bg: #3a3a4a;
  --success-color: #4ade80;
  --error-color: #f87171;
  --warning-color: #fbbf24;
}

/* Light Gaming Theme */
html[data-theme = "light__gaming"] {
  --nav-color: #ffffff;
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-input: #f1f3f4;
  --text-primary: #1a1a1a;
  --text-secondary: #5f6368;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #ff6fae;
  --accent-secondary: #5865f2;
  --border-color: #e8eaed;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --hover-bg: #f1f3f4;
  --success-color: #34d399;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
}

/* Cyberpunk Theme */
html[data-theme = "cyberpunk"] {
  --nav-color: #050c20;
  --bg-primary: #0a0a0f;
  --bg-secondary: #16213e;
  --bg-card: #16213e;
  --bg-input: #0f3460;
  --text-primary: #e94560;
  --text-secondary: #533483;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #e94560;
  --accent-secondary: #533483;
  --border-color: #533483;
  --shadow-color: rgba(233, 69, 96, 0.2);
  --hover-bg: #533483;
  --success-color: #00ff88;
  --error-color: #ff006e;
  --warning-color: #ffbe0b;
}

/* Forest Theme */
html[data-theme = "forest"] {
  --nav-color: #1a2f1a;
  --bg-primary: #1a2f1a;
  --bg-secondary: #2d4a2d;
  --bg-card: #3a5a3a;
  --bg-input: #4a6b4a;
  --text-primary: #e8f5e8;
  --text-secondary: #b8d4b8;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #4ade80;
  --accent-secondary: #22c55e;
  --border-color: #5a7b5a;
  --shadow-color: rgba(0, 0, 0, 0.2);
  --hover-bg: #5a7b5a;
  --success-color: #22c55e;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
}

/* Ocean Theme */
html[data-theme = "ocean"] {
  --nav-color: #0f172a;
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-card: #334155;
  --bg-input: #475569;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #06b6d4;
  --accent-secondary: #0891b2;
  --border-color: #64748b;
  --shadow-color: rgba(6, 182, 212, 0.2);
  --hover-bg: #64748b;
  --success-color: #10b981;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
}

/* Sunset Theme */
html[data-theme = "sunset"] {
  --nav-color: #1f1f2e;
  --bg-primary: #1f1f2e;
  --bg-secondary: #2d2d44;
  --bg-card: #3a3a5a;
  --bg-input: #4a4a6a;
  --text-primary: #ffeaa7;
  --text-secondary: #fab1a0;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #fd79a8;
  --accent-secondary: #fdcb6e;
  --border-color: #5a5a7a;
  --shadow-color: rgba(253, 121, 168, 0.2);
  --hover-bg: #5a5a7a;
  --success-color: #00b894;
  --error-color: #d63031;
  --warning-color: #fdcb6e;
}

/* Retro Theme */
html[data-theme = "retro"] {
  --nav-color: #2d1b69;
  --bg-primary: #2d1b69;
  --bg-secondary: #1a103f;
  --bg-card: #3d2b8a;
  --bg-input: #4d3b9a;
  --text-primary: #ffd700;
  --text-secondary: #ffb347;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #ff6b6b;
  --accent-secondary: #4ecdc4;
  --border-color: #5d4baa;
  --shadow-color: rgba(255, 215, 0, 0.2);
  --hover-bg: #5d4baa;
  --success-color: #4ecdc4;
  --error-color: #ff6b6b;
  --warning-color: #ffb347;
}

html[data-theme = "minimalist"] {
  --nav-color: #1a1a1a;
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-card: #3a3a3a;
  --bg-input: #4a4a4a;
  --text-primary: #f3f3f3;
  --text-secondary: #b0b0b0;
  --user-primary: #8be9fd;
  --game-primary: #ffb86c;
  --accent-primary: #4ade80;
  --accent-secondary: #22c55e;
  --border-color: #5a7b5a;
  --shadow-color: rgba(0, 0, 0, 0.2);
  --hover-bg: #5a7b5a;
  --success-color: #22c55e;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
}

/* Pastel Theme */
html[data-theme = "pastel"] {
  --nav-color: #2d1b69;
  --bg-primary: #f8f4ff;
  --bg-secondary: #e8d5f7;
  --bg-card: #f0e6ff;
  --bg-input: #e0d0f0;
  --text-primary: #4a2c7a;
  --text-secondary: #7a5a9a;
  --user-primary: #ff9ff3;
  --game-primary: #a8e6cf;
  --accent-primary: #ffd3a5;
  --accent-secondary: #fd6e8a;
  --border-color: #d4a5e8;
  --shadow-color: rgba(77, 44, 122, 0.15);
  --hover-bg: #e0d0f0;
  --success-color: #a8e6cf;
  --error-color: #ff6b9d;
  --warning-color: #ffd93d;
}

/* Grunge Theme */
html[data-theme = "grunge"] {
  --nav-color: #2c1810;
  --bg-primary: #1a0f0a;
  --bg-secondary: #2c1810;
  --bg-card: #3d2417;
  --bg-input: #4a2c1c;
  --text-primary: #d4af37;
  --text-secondary: #b8860b;
  --user-primary: #ff6b35;
  --game-primary: #f7931e;
  --accent-primary: #8b4513;
  --accent-secondary: #cd853f;
  --border-color: #8b4513;
  --shadow-color: rgba(0, 0, 0, 0.4);
  --hover-bg: #4a2c1c;
  --success-color: #228b22;
  --error-color: #dc143c;
  --warning-color: #ffd700;
}

/* Neon Theme */
html[data-theme = "neon"] {
  --nav-color: #0a0a0a;
  --bg-primary: #0a0a0a;
  --bg-secondary: #1a1a1a;
  --bg-card: #2a2a2a;
  --bg-input: #3a3a3a;
  --text-primary: #00ff41;
  --text-secondary: #00cc33;
  --user-primary: #ff0080;
  --game-primary: #00ffff;
  --accent-primary: #ff6600;
  --accent-secondary: #ffff00;
  --border-color: #00ff41;
  --shadow-color: rgba(0, 255, 65, 0.3);
  --hover-bg: #2a2a2a;
  --success-color: #00ff41;
  --error-color: #ff0040;
  --warning-color: #ffff00;
}

/* Summer Ice Pop */
html[data-theme="coral__bay"] {
    --nav-color: #1D3557;
    --bg-primary: #F1FAEE;
    --bg-secondary: #A8DADC;
    --bg-card: #2b2b75;
    --bg-input: #E8F6F6;
    --text-primary: #E8F6F6;
    --text-secondary: #457B9D;
    --user-primary: #E63946;
    --game-primary: #457B9D;
    --accent-primary: #E63946;
    --accent-secondary: #A8DADC;
    --border-color: #457B9D;
    --shadow-color: rgba(29, 53, 87, 0.2);
    --hover-bg: #A8DADC;
    --success-color: #06D6A0;
    --error-color: #E63946;
    --warning-color: #FFD166;
}

html[data-theme="neon__frost"] {
    --nav-color: #000000;
    --bg-primary: #000000;
    --bg-secondary: #0a0a1a;
    --bg-card: #141414;
    --bg-input: #1e1e2a;
    --text-primary: #05FFA1;
    --text-secondary: #44FFD2;
    --user-primary: #F72585;
    --game-primary: #a470c5;
    --accent-primary: #4CC9F0;
    --accent-secondary: #3A0CA3;
    --border-color: #05FFA1;
    --shadow-color: rgba(5, 255, 161, 0.25);
    --hover-bg: #1e1e2a;
    --success-color: #05FFA1;
    --error-color: #FF0054;
    --warning-color: #FFD60A;
}

html[data-theme="sunset__ember"] {
    --nav-color: #2B2D42;
    --bg-primary: #F8F9FA;
    --bg-secondary: #E9ECEF;
    --bg-card: #FFFFFF;
    --bg-input: #DEE2E6;
    --text-primary: #2B2D42;
    --text-secondary: #6C757D;
    --user-primary: #EF233C;
    --game-primary: #D90429;
    --accent-primary: #FFB703;
    --accent-secondary: #FB8500;
    --border-color: #8D99AE;
    --shadow-color: rgba(43, 45, 66, 0.1);
    --hover-bg: #E9ECEF;
    --success-color: #2ECC71;
    --error-color: #D90429;
    --warning-color: #FFD60A;
}