:root {
  color-scheme: light dark;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

html:not(.site-ready)[data-color-scheme="light"],
html:not(.site-ready)[data-color-scheme="light"] body,
html:not(.site-ready)[data-color-scheme="adopt"],
html:not(.site-ready)[data-color-scheme="adopt"] body {
  background: #e3e8ee;
}

html:not(.site-ready)[data-color-scheme="dark"],
html:not(.site-ready)[data-color-scheme="dark"] body {
  background: #0b0b0b;
}

@media (prefers-color-scheme: dark) {
  html:not(.site-ready)[data-color-scheme="adopt"],
  html:not(.site-ready)[data-color-scheme="adopt"] body {
    background: #0b0b0b;
  }
}