/* Daylight / Afterlight: the app's semantic colours, shared by the open
 * platform pages (contribute, plan, embed). Values mirror
 * TransitApp/Views/Theme.swift in the iOS repo; tests/app-tokens.test.mjs
 * compares them with it (or with the vendored snapshot,
 * src/styles/app-tokens.snapshot.json, refreshed by `npm run tokens:sync`).
 *
 * Light by default. Dark follows the system unless the page pins a look with
 * [data-look="daylight"] or [data-look="afterlight"] (on <html> or any
 * wrapper). The homepage keeps its own v2 look and does not load this file. */

:root {
  color-scheme: light;
  --app-canvas: #F7F6F2;
  --app-surface: #EEECE5;
  --app-inset-surface: #DFDCD2;
  --app-text: #252521;
  --app-secondary: #62625B;
  --app-accent: #B93723;
  --app-on-accent: #F7F6F2;
  --app-success: #17653C;
  --app-destructive: #B42324;
  --app-separator: #DAD8CF;
  --app-live: #865000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-look]) {
    color-scheme: dark;
    --app-canvas: #191A1C;
    --app-surface: #25272A;
    --app-inset-surface: #34373B;
    --app-text: #ECEDE8;
    --app-secondary: #A8ACB0;
    --app-accent: #FF8055;
    --app-on-accent: #191A1C;
    --app-success: #65D79A;
    --app-destructive: #FF8885;
    --app-separator: #414347;
    --app-live: #FFB324;
  }
}

[data-look="afterlight"] {
  color-scheme: dark;
  --app-canvas: #191A1C;
  --app-surface: #25272A;
  --app-inset-surface: #34373B;
  --app-text: #ECEDE8;
  --app-secondary: #A8ACB0;
  --app-accent: #FF8055;
  --app-on-accent: #191A1C;
  --app-success: #65D79A;
  --app-destructive: #FF8885;
  --app-separator: #414347;
  --app-live: #FFB324;
}

[data-look="daylight"] {
  color-scheme: light;
  --app-canvas: #F7F6F2;
  --app-surface: #EEECE5;
  --app-inset-surface: #DFDCD2;
  --app-text: #252521;
  --app-secondary: #62625B;
  --app-accent: #B93723;
  --app-on-accent: #F7F6F2;
  --app-success: #17653C;
  --app-destructive: #B42324;
  --app-separator: #DAD8CF;
  --app-live: #865000;
}