/* The two grounds of the design system, shared by every page the server serves.
   Orange flips like the rest: it is a mark drawn on the ground here, never a
   fill, so each ground gets the depth that stays legible against it.

   The splash page links this file; a guide inlines it, so it is read from the
   embedded files at startup as well as served. */

:root {
  color-scheme: light dark;
  --page: #f2eee6; --sunk: #e7e1d5; --rule: #c9c1b0;
  --strong: #14120f; --text: #3a362f; --quiet: #6e6759; --link: #1f4fa8;
  --live: #c04205;
}
/* Written out twice because the app sets the attribute itself: Android's
   WebView does not resolve prefers-color-scheme on its own. */
@media (prefers-color-scheme: dark) {
  :root {
    --page: #1a1815; --sunk: #131110; --rule: #3b372f;
    --strong: #f2eee6; --text: #b7ae9c; --quiet: #948c7c; --link: #8fb0e8;
    --live: #cc6f33;
  }
}
:root[data-ground="dark"] {
  --page: #1a1815; --sunk: #131110; --rule: #3b372f;
  --strong: #f2eee6; --text: #b7ae9c; --quiet: #948c7c; --link: #8fb0e8;
  --live: #cc6f33;
}