/*
 * FOUC anti-flash stylesheet — loaded via <link rel="stylesheet"
 * href="/fouc.css"> in index.html BEFORE the JS bundle so the
 * sand surface paints before React mounts. Without this, the
 * browser would show a white flash for the ~100ms before the
 * Vite-built CSS (which lives in the main bundle) applies.
 *
 * Moved out of an inline <style> block in index.html as part of
 * the CSP M-2 strict-style refactor — strict CSP no longer
 * permits inline <style> elements, so this lives at /fouc.css
 * and gets the standard 'self' allowance.
 *
 * The pre-React theme bootstrap script in index.html sets
 * data-theme="dark" on <html> before React mounts. The dark-mode
 * rule below picks that up and paints the dark surface as the
 * initial background. The bootstrap script ALSO directly writes
 * document.documentElement.style.background as a redundant signal
 * (covered by style-src-attr 'unsafe-inline' in the CSP).
 */
html,
body,
#root {
  height: 100%;
  margin: 0;
  background: #F2EFE9;
}

:root[data-theme="dark"] html,
:root[data-theme="dark"] body,
:root[data-theme="dark"] #root {
  background: #0B0B0B;
}

body {
  -webkit-font-smoothing: antialiased;
}
