/* Seasonal Themes — BETA. See src/seasonalTheme.js for the date logic and the two gates (global beta + personal opt-in) that decide whether [data-season] ever gets set on at all — this file only supplies the colors for when it is. Re-tinting --color-blue/--color-blue-dark reaches nearly everything that already reads them: the app header, primary buttons ("Start New Shift" included), the segmented Calls/Miles control, chart-bar peaks, and focus rings. --header-bg layers a richer gradient onto just the header, and --tile-icon-bg tints the Home screen's tile icon circles. Kept as a separate stylesheet (rather than folded into app.css) so the whole beta is easy to lift out later if it doesn't stick. */ :root[data-season="winter"] { --color-blue: #2d6ca6; --color-blue-dark: #1d4a75; --header-bg: linear-gradient(135deg, #4a7fb5, #1b3a5c); --tile-icon-bg: #e3f0fb; } :root[data-season="spring"] { --color-blue: #4a8b5c; --color-blue-dark: #35663f; --header-bg: linear-gradient(135deg, #6fae7f, #2f5c3d); --tile-icon-bg: #eaf7ee; } :root[data-season="summer"] { --color-blue: #178f8f; --color-blue-dark: #106868; --header-bg: linear-gradient(135deg, #2bb3b3, #0d5c5c); --tile-icon-bg: #e3f7f7; } :root[data-season="fall"] { --color-blue: #b5651d; --color-blue-dark: #874c15; --header-bg: linear-gradient(135deg, #d68a3f, #7a3c0f); --tile-icon-bg: #faf0e3; } :root[data-season="halloween"] { --color-blue: #6b3fa0; --color-blue-dark: #4c2c73; --header-bg: linear-gradient(135deg, #8c53c9, #241536); --tile-icon-bg: #f1e8fa; } :root[data-season="thanksgiving"] { --color-blue: #a8501f; --color-blue-dark: #7a3a16; --header-bg: linear-gradient(135deg, #c96b32, #5c2a0f); --tile-icon-bg: #f9ecdf; } :root[data-season="christmas"] { --color-blue: #b5292f; --color-blue-dark: #8a1f24; --header-bg: linear-gradient(135deg, #cc3a3a, #0f4a2e); --tile-icon-bg: #fbe9ea; } :root[data-season="newyear"] { --color-blue: #2a3570; --color-blue-dark: #1a2456; --header-bg: linear-gradient(135deg, #d4af37 0%, #2a3570 35%, #0a0f2e 100%); --tile-icon-bg: #eceef7; } /* The Home screen's month-name chart labels ("AUGUST", "Calls by Month") pick up the seasonal accent too, regardless of which season/holiday is active — [data-season] is present with SOME value whenever any of them is, so this one rule covers all eight. */ :root[data-season] #home-statsTitle, :root[data-season] #home-trendTitle { color: var(--color-blue); }