:root { --bg: #e2eaf5; --panel: #ffffff; --panel-border: #c3d3e8; --text: #16202e; --muted: #5b6b85; --accent: #0f7abe; --accent-hover: #0c6299; --accent-rgb: 15, 122, 190; /* same color as --accent, as r,g,b components - lets hover/focus glows use rgba() without re-deriving it per rule */ --accent-orange: #e5491a; --sidebar-bg: #0f7abe; --sidebar-text: #cfe9fb; --sidebar-hover-bg: rgba(255,255,255,0.1); --sidebar-active-bg: rgba(255,255,255,0.18); --good: #16a34a; --bad: #dc2626; --warn: #d97706; --good-bg: #dcfce7; --bad-bg: #fee2e2; --warn-bg: #fef3c7; --accent-bg: #e0f2fe; --console-bg: #101826; --console-border: #1e293b; --console-text: #cbd5e1; --console-muted: #7c8aa6; --console-good: #4ade80; --console-bad: #f87171; --console-info: #38bdf8; --chart-grid: #e2e8f0; /* app.js's Chart.js axis gridlines - can't read CSS vars itself, see app.js's cssVar() helper which reads this at chart-creation time */ /* r,g,b of the dark-mode logo glow's current color, same ","-joined component convention as --accent-rgb above. Set here only as a fallback (this default, near-white, is what shows for one frame before JS runs, or if it's disabled) - common.js's applyLogoGlowForTimeOfDay() overwrites it on every page load to the real circadian-curve color for the current local time (see its own comment for the science behind the curve shape). */ --logo-glow-rgb: 255, 249, 253; color-scheme: light; } /* Dark theme - toggled server-side via app/theme.py's cookie + the {{ theme() }}-driven data-theme attribute on (see base.html and every other top-level template), not prefers-color-scheme - same fixed-default, explicit-choice pattern app/i18n.py's language cookie already uses, so a client who's picked "dark" gets it on every page including pre-login ones, not just wherever they happened to set it. Placed after every use of the light values above (not merged into one conditional block) so [data-theme="dark"]'s higher specificity (0,2,0 vs :root's 0,1,0) cleanly wins per-property over both the plain :root defaults AND a client's own branding