/* Keep the browser canvas in the chosen palette while the app bundle loads.
   The boot layer is declared first, so every application layer overrides it. */
@layer boot {
  html {
    background: #f4f5f7;
    color: #131a27;
    color-scheme: light;
  }
  html[data-theme="ocean"] {
    background: #0a111e;
    color: #e8eef9;
    color-scheme: dark;
  }
  html[data-theme="graphite"] {
    background: #111214;
    color: #eceef2;
    color-scheme: dark;
  }
  html[data-theme="forest"] {
    background: #f1f5f1;
    color: #16271e;
    color-scheme: light;
  }
  html[data-theme="sand"] { background: #f6f2ea; color: #2c241a; color-scheme: light; }
  html[data-theme="lavender"] { background: #f4f2f9; color: #241c35; color-scheme: light; }
  html[data-theme="plum"] { background: #15101c; color: #f1eaf7; color-scheme: dark; }
  html[data-theme="teal"] { background: #0b1617; color: #e4f2f0; color-scheme: dark; }
}