:root {
  color-scheme: light;
  --fp-bg: #f7f3ea;
  --fp-fg: #1a1714;
}
:root[data-theme="night"] {
  color-scheme: dark;
  --fp-bg: #16130f;
  --fp-fg: #f3ecdd;
}
html,
body {
  min-height: 100%;
  margin: 0;
}
/* Always reserve the scrollbar gutter so centered content (the app bar's egg,
   page columns) doesn't shift horizontally when navigating between a page that
   scrolls and one that doesn't. No-op with mobile overlay scrollbars. */
html {
  scrollbar-gutter: stable;
}
body {
  background: var(--fp-bg);
  color: var(--fp-fg);
}