/* ---------------------------------------------------------------------------
   The Conductor - passenger pages follow the phone's own light or dark
   setting (Paul, 29 October 2026).

   Passenger pages have no menu, so there is no switch and nothing is
   remembered: a phone (or computer) set to dark gets the dark look, one set
   to light gets exactly the page it always had. No JavaScript, so it works on
   the what's-on page, which has none, and there is no flash on load.

   Each passenger page carries <html data-look="device"> and links this file.
   :root[data-look="device"] outranks each page's own :root block, wherever
   this file sits in <head>.

   The colours are the same as the operator pages' Dark (assets/theme.js);
   keep the two in step. Colours the pages used to hard-code are written
   var(--x-..., <old colour>); the --x- tokens exist only here, in dark, so
   the light look does not change by a single pixel.

   NOT on: the driver's boarding list (phone-first, read in daylight at the
   coach door), the poster (printed), and the trips widget (it sits inside the
   operator's own website, which decides its own look).
--------------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  :root[data-look="device"] {
    color-scheme: dark;
    --ink:#e8eef3; --ink-soft:#b4c1cc;
    --line:#46545f; --line-soft:#2b3740;
    --paper:#0f1519; --card:#182128;
    --accent:#6fd1ad; --accent-soft:#143329;
    --amber:#f0bf6a; --amber-soft:#33270f;
    --red:#f4a39a; --red-soft:#3a1c19;
    --blue:#9cc3ea; --blue-soft:#172a3d;
    --muted:#b4c1cc;
    /* Text on a filled button (accent, red, amber or ink fill). */
    --on-fill:#0b1219;
    /* Dark-only stand-ins for colours the pages used to hard-code. */
    --x-ink:#e8eef3; --x-ink-soft:#b4c1cc; --x-faint:#8d9aa6;
    --x-accent:#6fd1ad; --x-amber:#f0bf6a; --x-red:#f4a39a; --x-blue:#9cc3ea; --x-violet:#c9b8f5;
    --x-card:#182128; --x-wash:#1f2a32; --x-wash-strong:#2a3640;
    --x-accent-wash:#143329; --x-amber-wash:#33270f; --x-red-wash:#3a1c19;
    --x-blue-wash:#172a3d; --x-violet-wash:#2a2142;
    --x-accent-strong:#9be6ca; --x-red-strong:#f8bdb6;
    --x-line:#46545f; --x-line-strong:#5d6c78;
    --x-accent-line:#3f8a70; --x-amber-line:#7a5f2a; --x-red-line:#8a4740;
    --x-blue-line:#3d5f80; --x-violet-line:#5a4a8a;
    --x-edge:rgba(232,238,243,.24); --x-edge-soft:rgba(232,238,243,.12);
  }
  /* Photos and logos stay as they are; only the page around them changes. */
  :root[data-look="device"] body { background:var(--paper); color:var(--ink); }
}