/*
 * Dark-theme page background, applied before the main stylesheet arrives.
 *
 * Pairs with theme-init.js, which adds `.dark` to <html> pre-paint. Together they
 * stop a dark-theme user seeing a white flash while the app bundle loads — most
 * visibly in dev, where Vite injects styles via JS rather than a render-blocking
 * <link>.
 *
 * Extracted from an inline <style> in index.html so the CSP needs no
 * 'unsafe-inline' in style-src for the document shell. It stays a real CSS rule
 * rather than something theme-init.js sets on .style directly: an inline style
 * set by script would survive a runtime switch back to the light theme and pin
 * the page dark, whereas this rule stops applying the moment `.dark` is removed.
 *
 * The literal must track `--background` in the `.dark` block of
 * packages/design/src/colors.css (the Northlight well tone). It cannot
 * reference the token — this file loads before the bundle that defines it — so
 * it is duplicated on purpose, and packages/design/src/tokens.test.ts asserts
 * the two stay equal. They had drifted once before: this rule was zinc-950
 * (#09090b) against a slate-950 (#020617) page, so the flash it exists to
 * prevent was itself a colour change.
 */
.dark body {
  background-color: oklch(20.5% 0.012 259);
}