:root { color-scheme: light dark; --bg: #f6f7fb; --surface: #ffffff; --surface-hover: #f0f1f6; --border: #e3e5ec; --text: #14161a; --text-secondary: #5b6072; /* #8a8fa3 -- accessibility audit finding: 3.2:1 against --bg, short of WCAG AA's 4.5:1 floor for normal-size text, which this pervasively is (field hints, timestamps, "no data" placeholders across every template) -- #6b7086 clears ~4.9:1 against both --bg and --surface while keeping the same muted blue-gray hue. */ --text-muted: #6b7086; --accent: #4f46e5; --accent-text: #ffffff; --success: #16a34a; --success-bg: #e8f8ee; --danger: #dc2626; --danger-bg: #fdecec; --warning: #b45309; --warning-bg: #fdf1de; --success-strong: #15803d; --danger-strong: #b91c1c; /* Reserved vertical space for the sitewide sponsored bar (ads/ _sponsored_bar.html) -- always visible on every page now (direct ask: "throughout the whole site"), not just conditionally after a scroll trigger, so unlike the old market-detail-only version this needs real, permanent clearance: body's own bottom padding (so a short page's footer doesn't render underneath it) and the two other fixed bottom corners (.translate-widget-floating, .season- prizes-teaser) both add this on top of their own 1rem inset. Taller on narrow screens -- see the media query near .sponsored-bar itself for why (its own inner content wraps to more rows there). This static value is only the pre-JS/no-JS fallback -- direct bug report, a real mobile device: the bar "only slightly" covered the footer, since a fixed rem guess can't match every real device's own font rendering and every sponsor name's own actual wrapped length exactly. static/js/base.js measures the bar's real rendered height on load (and on resize/reflow) and overrides this variable with that exact value -- this default only matters for the brief moment before that runs, or if JS is unavailable at all. */ --sponsored-bar-height: 4.5rem; /* --yes-color/--no-color are deliberately NOT set here -- they come from the DB (ui.models.SiteSettings, staff-editable live from the theme-colors tool) and this is a plain static file WhiteNoise serves with far-future cache headers, extracted from base.html's own inline