/* css/themes.css */

/* --- Default Theme (Minimal/Clean) --- */
:root {
    /* Colors */
    --bg-body: #f8f9fa; /* Slightly off-white for comfort */
    --bg-card: #ffffff;
    --text-main: #333333;
    --text-muted: #6c757d;
    --primary-color: #1e40af; /* Deep blue from original */
    --secondary-color: #64748b;
    --accent-color: #f59e0b;
    
    /* Layout */
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --card-border-radius: 20px;
    --section-gap: 2rem;
}

body.theme-default {
    background-color: var(--bg-body);
    color: var(--text-main);
}

/* --- Theme Util Classes --- */
.bg-theme-body { background-color: var(--bg-body) !important; }
.bg-theme-card { background-color: var(--bg-card) !important; }
.text-theme-main { color: var(--text-main) !important; }
.shadow-theme { box-shadow: var(--card-shadow) !important; }
.rounded-theme { border-radius: var(--card-border-radius) !important; }

/* --- Festival Overlay Container --- */
/* This will preserve the click-through ability while showing effects */
#festival-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
    display: none; /* Hidden by default */
}

/* --- Example: Future Themes (Commented out) --- */
/*
body.theme-dark {
    --bg-body: #1a1a1a;
    --bg-card: #2d2d2d;
    --text-main: #e5e5e5;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

body.theme-newyear {
    --bg-body: #fff5f5;
    --primary-color: #d32f2f; 
}
*/