/* Seasonal Themes for Arcane Ink Productions */

/* Halloween/Samhain Theme */
.theme-halloween {
    --theme-primary: #8b5cf6;
    --theme-secondary: #6b21a8;
    --theme-accent: #dc2626;
    --theme-bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);
    --theme-particle: #8b5cf6;
    --theme-glow: #dc2626;
}

.theme-halloween body {
    background: var(--theme-bg-gradient);
}

.theme-halloween .shop-particle {
    background: linear-gradient(45deg, var(--theme-particle), var(--theme-glow));
}

.theme-halloween .floating-rune {
    color: rgba(139, 92, 246, 0.4);
    text-shadow: 0 0 12px rgba(139, 92, 246, 0.6), 0 0 6px var(--theme-glow);
}

.theme-halloween .market-title {
    background: linear-gradient(135deg, #8b5cf6 0%, #6b21a8 30%, #dc2626 60%, #8b5cf6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-halloween .product-card:hover {
    border-color: var(--theme-glow);
    box-shadow: 0 20px 60px rgba(220, 38, 38, 0.3);
}

/* Winter Solstice Theme */
.theme-winter {
    --theme-primary: #3b82f6;
    --theme-secondary: #1e40af;
    --theme-accent: #06b6d4;
    --theme-bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f1419 100%);
    --theme-particle: #3b82f6;
    --theme-glow: #06b6d4;
}

.theme-winter body {
    background: var(--theme-bg-gradient);
}

.theme-winter .shop-particle {
    background: linear-gradient(45deg, var(--theme-particle), var(--theme-accent));
    box-shadow: 0 0 12px rgba(6, 182, 212, 0.6);
}

.theme-winter .floating-rune {
    color: rgba(59, 130, 246, 0.4);
    text-shadow: 0 0 12px rgba(59, 130, 246, 0.6), 0 0 6px var(--theme-glow);
}

.theme-winter .market-title {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 30%, #06b6d4 60%, #3b82f6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-winter .product-card:hover {
    border-color: var(--theme-accent);
    box-shadow: 0 20px 60px rgba(6, 182, 212, 0.3);
}

/* Spring Equinox Theme */
.theme-spring {
    --theme-primary: #16a34a;
    --theme-secondary: #15803d;
    --theme-accent: #eab308;
    --theme-bg-gradient: linear-gradient(135deg, #14532d 0%, #1e3a8e 30%, #7c2d12 70%, #14532d 100%);
    --theme-particle: #16a34a;
    --theme-glow: #eab308;
}

.theme-spring body {
    background: var(--theme-bg-gradient);
}

.theme-spring .shop-particle {
    background: linear-gradient(45deg, var(--theme-particle), var(--theme-accent));
    box-shadow: 0 0 12px rgba(234, 179, 8, 0.6);
}

.theme-spring .floating-rune {
    color: rgba(22, 163, 74, 0.4);
    text-shadow: 0 0 12px rgba(22, 163, 74, 0.6), 0 0 6px var(--theme-glow);
}

.theme-spring .market-title {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 30%, #eab308 60%, #16a34a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-spring .product-card:hover {
    border-color: var(--theme-accent);
    box-shadow: 0 20px 60px rgba(234, 179, 8, 0.3);
}

/* Summer Enchantment Theme */
.theme-summer {
    --theme-primary: #22c55e;
    --theme-secondary: #16a34a;
    --theme-accent: #f59e0b;
    --theme-bg-gradient: linear-gradient(135deg, #0f5132 0%, #1e3a8e 40%, #7c2d12 80%, #0f5132 100%);
    --theme-particle: #22c55e;
    --theme-glow: #f59e0b;
}

.theme-summer body {
    background: var(--theme-bg-gradient);
}

.theme-summer .shop-particle {
    background: linear-gradient(45deg, var(--theme-particle), var(--theme-accent));
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.6);
}

.theme-summer .floating-rune {
    color: rgba(34, 197, 94, 0.4);
    text-shadow: 0 0 12px rgba(34, 197, 94, 0.6), 0 0 6px var(--theme-glow);
}

.theme-summer .market-title {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 30%, #f59e0b 60%, #22c55e 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-summer .product-card:hover {
    border-color: var(--theme-accent);
    box-shadow: 0 20px 60px rgba(245, 158, 11, 0.3);
}

/* Default Arcane Theme (always available) */
.theme-default {
    --theme-primary: #8b5cf6;
    --theme-secondary: #6d28d9;
    --theme-accent: #a78bfa;
    --theme-bg-gradient: linear-gradient(135deg, #0f1419 0%, #1e2330 100%);
    --theme-particle: #8b5cf6;
    --theme-glow: #a78bfa;
}

.theme-default body {
    background: var(--theme-bg-gradient);
}

.theme-default .shop-particle {
    background: linear-gradient(45deg, var(--theme-particle), var(--theme-accent));
}

.theme-default .floating-rune {
    color: rgba(139, 92, 246, 0.3);
    text-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}

.theme-default .market-title {
    background: linear-gradient(135deg, #eae6ff 0%, #c4b5fd 30%, #a78bfa 60%, #8b5cf6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-default .product-card:hover {
    border-color: var(--theme-accent);
    box-shadow: 0 20px 60px rgba(139, 92, 246, 0.3);
}

/* Apply active theme class to body */
body[class*="theme-"] {
    transition: background 1s ease;
}

body[class*="theme-"] .shop-particle {
    transition: background 0.5s ease, box-shadow 0.5s ease;
}

body[class*="theme-"] .floating-rune {
    transition: color 0.5s ease, text-shadow 0.5s ease;
}

body[class*="theme-"] .market-title {
    transition: background 0.5s ease;
}

body[class*="theme-"] .product-card {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}