/* VideoMaker by DigiAutomate — Premium Themes */

:root {
    --theme-bg: #ffffff;
    --theme-text: #333333;
    --theme-accent: #3498db;
    --theme-card-bg: rgba(255, 255, 255, 0.8);
    --theme-blur: 10px;
}

/* Deep Sea Theme */
.theme-deep-sea {
    --theme-bg: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    --theme-text: #e0e0e0;
    --theme-accent: #00d2ff;
    --theme-card-bg: rgba(255, 255, 255, 0.1);
}

/* Sunset Gold Theme */
.theme-sunset {
    --theme-bg: linear-gradient(135deg, #f12711, #f5af19);
    --theme-text: #ffffff;
    --theme-accent: #ffcc33;
    --theme-card-bg: rgba(0, 0, 0, 0.2);
}

/* Minimal Frost Theme */
.theme-frost {
    --theme-bg: #f7f9fc;
    --theme-text: #2d3436;
    --theme-accent: #0984e3;
    --theme-card-bg: rgba(255, 255, 255, 0.6);
    --theme-blur: 15px;
}

/* Cyberpunk Neon */
.theme-cyber {
    --theme-bg: #0d0d0d;
    --theme-text: #00ff41;
    --theme-accent: #ff00ff;
    --theme-card-bg: rgba(20, 20, 20, 0.9);
}

/* Apply Theme */
#slide-view {
    background: var(--theme-bg) !important;
    color: var(--theme-text) !important;
    transition: all 0.5s ease;
}

#slide-view h1, #slide-view h2, #slide-view h3 {
    color: var(--theme-accent) !important;
}

.slide-content-box {
    background: var(--theme-card-bg);
    backdrop-filter: blur(var(--theme-blur));
    -webkit-backdrop-filter: blur(var(--theme-blur));
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

/* Glass Nebula - Animated */
.theme-nebula {
    --theme-bg: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    --theme-text: #ffffff;
    --theme-accent: #00d2ff;
    --theme-card-bg: rgba(255, 255, 255, 0.05);
    background: var(--theme-bg) !important;
    background-size: 400% 400% !important;
    animation: nebulaMove 15s ease infinite !important;
}

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

/* Neon Pulse - Animated */
.theme-pulse {
    --theme-bg: #000000;
    --theme-text: #39ff14;
    --theme-accent: #39ff14;
    --theme-card-bg: rgba(0, 0, 0, 0.8);
}

.theme-pulse #slide-view {
    border: 2px solid var(--theme-accent);
    box-shadow: 0 0 15px var(--theme-accent);
    animation: pulseBorder 2s infinite alternate;
}

@keyframes pulseBorder {
    from { box-shadow: 0 0 5px var(--theme-accent); }
    to { box-shadow: 0 0 25px var(--theme-accent); }
}