/* Global Theme Variables */
:root {
    --primary-bg: #fefcf7;
    --text-color: #1c1c1c;
    --accent: #d4af37;
    --accent-2: #fceabb;
    --button-glow: #ffcc00;
    --particle-color: #d4af37;
}

/* Theme Presets */
.theme-gold-light {
    --primary-bg: #fefcf7;
    --text-color: #1c1c1c;
    --accent: #d4af37;
    --accent-2: #fceabb;
    --button-glow: #ffcc00;
    --particle-color: #d4af37;
}

.theme-gold-dark {
    --primary-bg: #1b1b1b;
    --text-color: #fdf6e3;
    --accent: #d4af37;
    --accent-2: #806000;
    --button-glow: #ffcc00;
    --particle-color: #d4af37;
}

.theme-red-dark {
    --primary-bg: #0c0c0c;
    --text-color: #ffffff;
    --accent: #ff0000;
    --accent-2: #990000;
    --button-glow: #ff0000;
    --particle-color: #ff0000;
}

.theme-red-light {
    --primary-bg: #ffffff;
    --text-color: #000000;
    --accent: #ff4d4d;
    --accent-2: #ff9999;
    --button-glow: #ff4d4d;
    --particle-color: #ff4d4d;
}

.theme-cyan-dark {
    --primary-bg: #0c0c0c;
    --text-color: #ffffff;
    --accent: #06B6D4;
    --accent-2: #10B981;
    --button-glow: #06B6D4;
    --particle-color: #06B6D4;
}

.theme-cyan-light {
    --primary-bg: #ffffff;
    --text-color: #000000;
    --accent: #06B6D4;
    --accent-2: #10B981;
    --button-glow: #10B981;
    --particle-color: #10B981;
}

/* Theme Dropdown Styling */
.theme-toggle {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 3;
}

    .theme-toggle select {
        padding: 8px 12px;
        font-weight: bold;
        border-radius: 6px;
        border: none;
        background-color: var(--accent);
        color: white;
        box-shadow: 0 0 10px var(--button-glow);
        cursor: pointer;
    }