/* ============================================================================ * theme.css - the RiseLynk shared light/dark theme token layer. * * WHAT THIS IS * One canonical, dependency-free stylesheet that owns the PALETTE half of the * design tokens for every single-file app (field, office, portal, dispatch, * control-plane, toolbox, help). It carries the same custom-property NAMES the * apps already consume (--bg, --card, --ink, --green, --rust, ...), but now * defines them in TWO palettes: * :root -> LIGHT values (the document default) * :root[data-theme="dark"] -> DARK overrides (the RiseLynk site palette) * theme.js (loaded alongside) resolves the user's preference ('auto'|'light'| * 'dark', default 'auto' = follow the OS) and stamps data-theme onto . * Because every app's own rules already say var(--bg)/var(--card)/... the two * palettes flow through the existing CSS with no per-rule edits. * * HOW IT LOADS (same mechanism as ui.css / format.js) * In , BEFORE the app's inline