/* AEC website — light ("day") theme layer. * * Mirrors the canonical DS day contract (dashboards/shared/components/ds/theme-day.css): * surfaces / text / borders remap for light mode; risk badge FILLS stay constant * (traffic-light semantics); only risk FOREGROUND text shifts to the darker 700 * tones so it stays >=4.5:1 (WCAG AA) on light surfaces. * * Activated by data-mode="day" on . DAY IS THE SITE DEFAULT (boot script in * sets it before first paint; persisted in localStorage['aec-theme']). * Night = data-mode="night" (or no attribute) — governed by css/tokens.css :root. * * Keep values in sync with the DS layer. PRODUCTION NOTE (same as the DS file): * this should become a generated Style-Dictionary output (tokens.light.css) via a * `theme: "light"` token set; hand-authored so the site can ship the switcher now. */ html[data-mode="day"] { --aec-surface-page: #eef2f7; --aec-surface-nav: #ffffff; --aec-surface-card: #ffffff; --aec-surface-input: #e2e8f0; --aec-surface-overlay: #f8fafc; --aec-text-primary: #0b0f1a; --aec-text-secondary: #334155; --aec-text-muted: #64748b; --aec-border-default: #cbd5e1; --aec-border-muted: #e2e8f0; --aec-risk-safe-fg: #047857; --aec-risk-caution-fg: #b45309; --aec-risk-danger-fg: #b91c1c; --aec-risk-unknown-fg: #334155; } /* Smooth the cross-fade on theme switch. */ body { transition: background-color .35s ease, color .35s ease; }