/* ExpoSeat brand tokens. Dark-first to match ExpoShift; light theme for the guest page in sunlight.
   Amber #D97706 is the website amber chosen by Mike (2026-09-30). Amber means "do the thing", never destructive. */
:root {
  --bg: #100d0c; --surface: #1c1917; --surface-2: #252220; --border: #3a3530;
  --fg: #fafaf9; --muted: #a8a29e; --dim: #78716c; --ghost: #44403c;
  --amber: #D97706; --amber-hover: #b45309; --amber-soft: rgba(217,119,6,.16); --amber-fill: rgba(217,119,6,.28); --on-amber: #1c1917;
  --ok: #86efac; --ok-soft: rgba(134,239,172,.14); --bad: #f87171; --bad-soft: rgba(248,113,113,.14);
  --blue: #93c5fd; --blue-soft: rgba(147,197,253,.14); --purple: #a78bfa; --purple-soft: rgba(167,139,250,.14);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 12px; --radius-lg: 14px;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f8f5f0; --surface: #ffffff; --surface-2: #f1ece4; --border: #d8d0c4;
  --fg: #1c1917; --muted: #57534e; --dim: #78716c; --ghost: #a8a29e;
  --amber: #b45309; --amber-hover: #92400e; --amber-soft: rgba(180,83,9,.12); --amber-fill: rgba(180,83,9,.22); --on-amber: #ffffff;
  --ok: #15803d; --ok-soft: rgba(21,128,61,.12); --bad: #b91c1c; --bad-soft: rgba(185,28,28,.1);
  --blue: #1d4ed8; --blue-soft: rgba(29,78,216,.1); --purple: #6d28d9; --purple-soft: rgba(109,40,217,.1);
  color-scheme: light;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font); font-size: 15px; line-height: 1.45; -webkit-text-size-adjust: 100%; }
button, input, textarea { font: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible, a:focus-visible { outline: 2px solid var(--amber); outline-offset: 2px; }