/* Loaded before theme-init.js so browser chrome and the first paint share one palette. */
:root {
  color-scheme: light;
  --bg: #e6ddd2;
  --home-paper: #f8f6f2;
  --page-background: var(--bg);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121314;
  --home-paper: #171916;
}

:root[data-page-surface="home"] {
  --page-background: var(--home-paper);
}

html,
body {
  background-color: var(--page-background);
}