/* The same dark palette, reached the other way.
   `styles.css` sets it on an explicit `[data-theme="dark"]`, which needs JavaScript to put the
   attribute there. The line and stop pages have no JavaScript (design/01-constraints.md §6), so
   they would be stuck in light mode on a phone at 06:40 — which §9 says is exactly when they
   are read. This block is that same palette under the OS preference, and `[data-theme="light"]`
   still wins so an explicit choice is never overridden.

   The two blocks are duplicated because CSS has no way to share a declaration list across a
   selector and a media query. `theme.test.ts` asserts they have not drifted apart. */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#000000; --surface:#0C0D0E; --surface-2:#17191B; --surface-3:#212427;
    --ink:#FFFFFF; --ink-2:#AEB3B7; --ink-3:#80868B;
    --rule:#2C3033; --rule-soft:#1D2022; --rule-strong:#FFFFFF; --bar:#FFFFFF;
    --accent:#FF3B30; --accent-ink:#FF6259; --accent-soft:#2A0E0D; --accent-line:#8C2320;
    --mode-rail:#FFFFFF; --mode-rail-ink:#000000;
    --mode-sbahn:#2E9BE0; --mode-sbahn-ink:#000000;
    --mode-bus:#FFCC00; --mode-bus-ink:#000000;
    --mode-tram:#4E9FDA; --mode-tram-ink:#000000;
    --mode-boat:#39B3DF; --mode-boat-ink:#000000;
    --mode-cogwheel:#D8595C; --mode-cogwheel-ink:#000000;
    --late:#E3902F; --late-soft:#2A1C0A;
    --early:#79A9E3; --early-soft:#101C2B;
    --ontime:#4FB287; --ontime-soft:#0C211A;
    --miss:#FF6259; --miss-soft:#2A0E0D;
    --absent:#6E7478; --absent-soft:#1C1F21;
    --board:#1B1E5E;
    --shadow:none;
    --shadow-lift:0 10px 30px -14px rgba(0,0,0,.9);
    color-scheme:dark;
  }
}