/* =====================================================================
   Waypoint · design tokens
   Tour and experience operators. Light is "Day out"; dark is "Night sky".
   --route is the one accent (buttons, links, the chosen departure, the route line and pins).
   --sea is sea-glass green, for fills only (the water on the map, seats-left bars, grade dots); text on it is ink. --sea-ink is its text colour.
   --ok marks guaranteed departures and what's included; --alert marks invalid fields, full departures and things people must know.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #f3f1ea;
  --card: #fffefb;
  --well: #e9e6dc;
  --line: #d9d4c6;
  --ink: #1a2230;
  --ink-2: #39414f;
  --muted: #575e6a;
  --route: #3b3fa8;
  --route-2: #2e3286;
  --on-route: #ffffff;
  --route-soft: #e5e5f6;
  --sea: #8fd3c1;
  --sea-soft: #dcefe8;
  --sea-ink: #1f6b5c;
  --ok: #24704a;
  --alert: #b3261e;
  --focus: #3b3fa8;
  --shadow-card: 0 1px 2px rgba(26, 34, 48, 0.06), 0 18px 36px -26px rgba(26, 34, 48, 0.4);
  --shadow-lift: 0 30px 60px -30px rgba(26, 34, 48, 0.5);

  --display: "Alegreya", Georgia, serif;
  --body: "Alegreya Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Anonymous Pro", ui-monospace, Menlo, monospace;

  --fs-h1: clamp(46px, 6.4vw, 96px);
  --fs-h2: clamp(34px, 4vw, 58px);
  --fs-h3: 22px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 17.5px;
  --fs-small: 15px;
  --fs-label: 12px;

  --wrap: 1200px;
  --gutter: max(20px, 4vw);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 40px; --s-7: 64px; --s-8: 104px;

  --r-s: 6px;
  --r-m: 12px;
  --r-l: 20px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 150ms;
  --d: 300ms;
  --d-slow: 900ms;
}

/* ---------- Night sky ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0f1319;
    --card: #171c24;
    --well: #12161d;
    --line: #2a313c;
    --ink: #eef0f4;
    --ink-2: #cfd4dc;
    --muted: #9aa2ae;
    --route: #aeb2ff;
    --route-2: #c9ccff;
    --on-route: #10133d;
    --route-soft: #1e2140;
    --sea: #8fd3c1;
    --sea-soft: #14272a;
    --sea-ink: #8fd3c1;
    --ok: #79d0a0;
    --alert: #ff9a90;
    --focus: #aeb2ff;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0f1319;
  --card: #171c24;
  --well: #12161d;
  --line: #2a313c;
  --ink: #eef0f4;
  --ink-2: #cfd4dc;
  --muted: #9aa2ae;
  --route: #aeb2ff;
  --route-2: #c9ccff;
  --on-route: #10133d;
  --route-soft: #1e2140;
  --sea: #8fd3c1;
  --sea-soft: #14272a;
  --sea-ink: #8fd3c1;
  --ok: #79d0a0;
  --alert: #ff9a90;
  --focus: #aeb2ff;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
}