/*
 * 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 (slate-950). 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: 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: #020617;
}
