/*
 * Critical pre-bundle styles, loaded as a blocking <link> from the
 * document head. The main Tailwind bundle arrives later (in dev it is
 * injected by JS), so without this the first paint flashes a white,
 * unstyled page. Paints the theme background/text colors immediately;
 * theme-init.js adds the .light class before first paint.
 * Values mirror app/app.css (neutral-950 / body text of each theme).
 */
html {
  color-scheme: dark;
  background-color: #0a0a0a;
  color: #d4d4d4;
}

html.light {
  color-scheme: light;
  background-color: #fafafa;
  color: #404040;
}