/* Semantic palette shared by the commuter and driver apps (dark theme: commuter only).
   Loaded before the splash and inherited by teleports. */
html[data-app-target="driver"], html[data-app-target="commuter"] {
  --c-bg: #f8fbff;
  --c-surface: #ffffff;
  --c-raised: #ffffff;
  --c-soft: #f1f5f9;
  --c-hover: #e8f0f8;
  --c-text: #17212b;
  --c-secondary: #475569;
  --c-muted: #617184;
  --c-border: #dce4ed;
  --c-border-strong: #b7c5d5;
  --c-accent: #1765ba;
  --c-accent-soft: #e8f2ff;
  --c-action: #1765ba;
  --c-on-action: #ffffff;
  --c-success: #137451;
  --c-success-soft: #e8f6ef;
  --c-warning: #965b08;
  --c-warning-soft: #fff4df;
  --c-danger: #be283c;
  --c-danger-soft: #fff0f2;
  --c-overlay: rgb(9 20 36 / 55%);
  --c-surface-rgb: 255, 255, 255;
  --c-text-rgb: 23, 33, 43;
  --c-border-rgb: 143, 163, 185;
  --c-shadow: 0 8px 28px rgb(15 35 60 / 10%);
  --c-focus: #2179d5;
  --c-shimmer: rgb(255 255 255 / 55%);
}
html[data-app-target="commuter"].commuter-dark {
  --c-bg: #08111f;
  --c-surface: #101e30;
  --c-raised: #17283e;
  --c-soft: #142338;
  --c-hover: #203650;
  --c-text: #edf3f8;
  --c-secondary: #c2d0df;
  --c-muted: #a3b3c4;
  --c-border: #2b3d53;
  --c-border-strong: #526982;
  --c-accent: #84bfff;
  --c-accent-soft: #193553;
  --c-success: #78dbb0;
  --c-success-soft: #153b32;
  --c-warning: #f3c676;
  --c-warning-soft: #40331d;
  --c-danger: #ffabba;
  --c-danger-soft: #40232d;
  --c-overlay: rgb(0 5 14 / 72%);
  --c-surface-rgb: 16, 30, 48;
  --c-text-rgb: 237, 243, 248;
  --c-border-rgb: 143, 163, 185;
  --c-shadow: 0 8px 28px rgb(0 0 0 / 28%);
  --c-focus: #9acdff;
  --c-shimmer: rgb(178 203 233 / 10%);
}
html[data-app-target="driver"] body, html[data-app-target="commuter"] body { background: var(--c-bg); color: var(--c-text); }
html[data-app-target="driver"] :where(button, a, input, textarea, select, summary, [tabindex]):focus-visible,
html[data-app-target="commuter"] :where(button, a, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--c-focus); outline-offset: 3px;
}
html[data-app-target="driver"] :where(input, textarea)::placeholder, html[data-app-target="commuter"] :where(input, textarea)::placeholder { color: var(--c-muted); opacity: 1; }
html[data-app-target="commuter"] :where(select, option) { color-scheme: inherit; }
html[data-app-target="driver"] :where(button, input, select, textarea):disabled, html[data-app-target="commuter"] :where(button, input, select, textarea):disabled { cursor: not-allowed; }