/* M45Works first-paint theme. Linked from the STATIC of every page, BEFORE the design-system stylesheets, so it is render-blocking and always applied on the very first frame. The inline boot script in the same head sets html[data-theme] from the stored preference; these rules then paint the right surface immediately. This file is the single source of truth for the dark palette — theme.css (loaded later, in the DC helmet) only carries the rules that depend on design-system variables. Values are literal hex on purpose: the token stylesheets have not loaded yet, so var() references would resolve to nothing and the flash would come back. Add any new page by linking this file in its static . */ html { background: #FAFAFA; } body { margin: 0; background: inherit; } :root { --surface-header: rgba(250, 250, 250, 0.92); } :root[data-theme="dark"] { color-scheme: dark; background: #17171a; --surface-page: #17171a; --surface-card: #212126; --surface-card-alt: #2b2b31; --surface-sunken: #101013; --surface-dark: #0f0f11; --surface-dark-alt: #1c1c20; --surface-header: rgba(20, 20, 23, 0.92); --text-primary: #FAFAFA; --text-secondary: #a5a5ad; --text-on-dark: #FAFAFA; --text-on-dark-secondary: #a5a5ad; --text-accent: #2fd39b; --border-subtle: #3a3a42; --border-on-dark: #45454c; --border-strong: #FAFAFA; --accent: #2fd39b; --accent-hover: #10b981; --m45-mint-dim: #2fd39b24; --accent-soft-bg: #2fd39b24; --shadow-color: 220 10% 2%; --shadow-sm: 0 1px 2px hsl(var(--shadow-color) / 0.5); --shadow-md: 0 4px 14px hsl(var(--shadow-color) / 0.55); --shadow-lg: 0 14px 34px hsl(var(--shadow-color) / 0.6); --shadow-inset: inset 0 1px 0 hsl(0 0% 100% / 0.05); }