/* The first paint, before the application's script (cloud build, with
   boot.js): on one of the shared shell's screens, the shell's background in
   the theme boot.js set, rather than Wappie's own, so that the page is the
   console's colour from its first frame. The application's stylesheet holds
   both palettes (styles.css, the shell's tokens.css); the literals are the
   same colours, for a paint without it. Background and colour scheme only. */
html[data-boot='shell'] body { background: var(--thc-bg, #f0f1f5); }
html[data-boot='shell'][data-theme='dark'] body { background: var(--thc-bg, #10121b); }

/* boot.js did not run: the system's scheme, in Wappie's palette. */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) { color-scheme: dark; }
  html:not([data-theme]) body { background: #111b21; }
}