/* Coast tokens, shared with the sister sites. The accent is the Hotels violet. Colours, radii and fonts live here only. */
:root {
  color-scheme: dark;
  --c-bg: #0b0a08;
  --c-surface: #14120f;
  --c-surface-2: #1c1915;
  --c-surface-3: #26221c;
  --c-line: rgba(240, 234, 224, .09);
  --c-line-2: rgba(240, 234, 224, .16);
  --c-text: #f2efe6;
  --c-text-2: #b8afa3;
  --c-text-3: #857c71;
  --c-accent: #b79cff;
  --c-accent-2: #cdbbff;
  --c-accent-ink: #150a2e;
  --c-accent-soft: rgba(183, 156, 255, .12);
  --c-water: #38bdf8;
  --c-sky: #79c0e0;
  --c-good: #22c55e;
  --c-warn: #f59e0b;
  --c-bad: #ef4444;
  --c-fire: #ff5d2e;
  --c-paper: #ffffff;
  --c-paper-ink: #1b2a33;
  --r-1: 8px;
  --r-2: 14px;
  --r-3: 20px;
  --r-pill: 999px;
  --f-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 24px rgba(0, 0, 0, .35);
}
:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }