/* ========================================================================= THEME COLOURS — the single source of truth for both light and dark. ------------------------------------------------------------------------- light-dark(A, B) returns A in light mode and B in dark mode, so every colour token is written ONCE, with both of its values side by side. Change a colour here and it changes everywhere — no second block to keep in sync. `color-scheme: light dark` tells the browser this page supports both and, by default, to follow the visitor's system setting automatically. The ☾/☀ toggle overrides that default by setting `color-scheme` on the element itself (see js/main.js). ========================================================================= */ :root{ color-scheme: light dark; /* light (washi / day) dark (sumi-ink / night) */ --ground: light-dark(#e6e1d4, #14110e); --panel: light-dark(#efeade, #1c1813); --ink: light-dark(#211b14, #ece5d7); --muted: light-dark(#6f665a, #9d9384); --line: light-dark(rgba(33,27,20,.16), rgba(236,229,215,.16)); --line-soft: light-dark(rgba(33,27,20,.08), rgba(236,229,215,.07)); --shu: light-dark(#b23a2b, #cf4a37); /* vermilion 朱 accent */ }