/* * theme.css — WRITABLE, and almost always correct AS IS (empty). * * design.css defines the whole palette and every other token. This file is * loaded after it and overrides ONLY what you put here. Leave it empty unless * the user asked for a specific look. * * DO NOT paste the token list in here. Copying the defaults across and pinning * them changes nothing visually and permanently opts this app out of every * later design-system improvement — a fix to the palette can no longer reach * it. If you are writing a value identical to the default, delete the line. * * DO NOT invent a brand colour. The platform accent is deliberate and applies * across every app; a todo list or a feedback form is not a reason to change * it. Only set --accent when the user names a colour or an existing brand. * * When the user DOES ask ("make it purple", "match our orange"), the whole * edit is two or three lines: * * :root { * --accent: #7c5cff; * --accent-soft: #efeaff; * } * * Tokens are listed at the top of public/design.css — read them there. * Component rules never belong in this file. * * Dark mode note: this file may only hold a plain :root block, so the * Light/Dark switch's dark palette is NOT declared here — it's applied by * public/app.js, which sets each dark token as an inline custom property on * when the switch is flipped, and removes them (reverting to these * defaults) for light. See initThemeToggle() there. */