/* ============================================================================ Blueshift — Shared Theme System ---------------------------------------------------------------------------- One source of truth for every page's color themes. HOW IT WORKS - Each page keeps its own :root { ... } block. That block IS the "default" theme for that page, so the app looks exactly as it does today by default. - This file defines the 5 ALTERNATE themes as :root[data-theme="x"] blocks. Because :root[data-theme] is more specific than a plain :root, these win whenever theme.js sets a data-theme on . - theme.js sets the data-theme (and persists the choice to config.json). ADDING A NEW PAGE (going forward) Put these two lines in the , after the page's own