:root {
  --tape: #f5c400;
  --ink-on-tape: #1b2430;
  --nav: #0f2447;
  --navfg: #ffffff;
  --nav-focus: #ffffff;
  --nav-active-bg: rgba(255, 255, 255, .1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tape: #f5c400;
    --ink-on-tape: #1b2430;
    --nav: #0f2447;
    --navfg: #ffffff;
    --nav-focus: #ffffff;
    --nav-active-bg: rgba(255, 255, 255, .1);
  }
}
:root[data-theme="dark"] {
  --tape: #f5c400;
  --ink-on-tape: #1b2430;
  --nav: #0f2447;
  --navfg: #ffffff;
  --nav-focus: #ffffff;
  --nav-active-bg: rgba(255, 255, 255, .1);
}