/* * 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. */ /* A touch tighter tracking on display/heading type — reads more editorial, which suits a property landing page. Still just the two existing tokens, nothing else in the palette touched. */ :root { --tracking-display: -0.045em; --tracking-head: -0.035em; } /* Dark mode is applied by public/app.js, which sets these same tokens as inline custom properties on when the visitor toggles it (and removes them again to fall back to the defaults above). No selector for it belongs in this file — see app.js for the palette. */