:root {
  --bg: #ffffff;
  --surface: #f8fafc;
  --text: #0f172a;
  --text-muted: #64748b;
  --border: #cbd5e1;
  --accent: #2563eb;
  --accent-contrast: #ffffff;
  --pin-seat: #2563eb;
  --map-sea: #e8f1fa;
  --map-land: #f1f5f9;
  --map-land-hover: #dbe6f3;
  --map-border: #94a3b8;
  --banner-bg: #fef3c7;
  --banner-text: #92400e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --radius: 6px;
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0f172a;
    --surface: #1e293b;
    --text: #e2e8f0;
    --text-muted: #94a3b8;
    --border: #334155;
    --accent: #60a5fa;
    --accent-contrast: #0b1220;
    --map-sea: #0b1220;
    --map-land: #1e293b;
    --map-land-hover: #2b3a52;
    --map-border: #475569;
    --banner-bg: #422006;
    --banner-text: #fde68a;
  }
}