/* Paints the page background before the bundle's stylesheet arrives, which otherwise shows a white
   frame in dark mode. External rather than inline because the CSP sets style-src 'self'.
   :where() keeps specificity at zero so index.html's own bg-base-200 class reclaims the background
   once the bundle lands, leaving src/index.css the single owner of the theme colors.
   The three literals below duplicate --color-base-200's two halves by necessity (no CSS
   variable exists yet at this point); contrast.test.mjs asserts they stay equal. */
:where(html) {
  background-color: oklch(93% 0.0029 128.494);
}

:where(html[data-theme="grax-dark"]) {
  background-color: oklch(19% 0.008 260);
}

@media (prefers-color-scheme: dark) {
  :where(html:not([data-theme])) {
    background-color: oklch(19% 0.008 260);
  }
}