/* ── UI themes — single source of truth for colors ─────────────────────────── Dark is the bare :root because every screen was designed on it; its values are byte-identical to the :root blocks that used to live inline in each template, so nothing changes visually until a user picks another theme. Each [data-theme] block redefines TOKENS ONLY — never selectors — so the component CSS in templates/*.html stays untouched. is always a concrete theme ("light" / "contrast" / absent = dark); the "system" preference is resolved to one of those by static/theme.js. Custom theme packs (data/themes/.json) are applied on top of the dark base as inline style.setProperty() calls — see /api/themes/. */ :root { color-scheme: dark; /* native scrollbars,