/* The shared theme: the color palette, plus the handful of base rules every page had its
 * own copy of.
 *
 * Loaded by index.html, share.html and invite.html. Changing an accent color used to mean
 * editing three files, and they had already drifted — invite.html carried an `--ok` the
 * others didn't, and share.html was missing half the palette. Page-specific layout stays
 * in each page's own <style>; only what's genuinely common lives here.
 */
:root {
  --bg: #0f172a;
  --panel: #111827;
  --panel-2: #1f2937;
  --line: #334155;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --accent: #38bdf8;
  --want: #38bdf8;   /* want to go  */
  --been: #34d399;   /* been there  */
  --ok: #34d399;
  --danger: #f87171;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* keyboard focus must be visible — several controls are icon-only */
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

html, body { margin: 0; height: 100%; }

body {
  font: 15px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--text);
  background: var(--bg);
}