/* app.sundaytherapy.net — the palette and type from src/constants/theme.ts, nothing else. */
:root {
  --ground: #121212; --surface: #1A1A1A; --raised: #292929; --line: #2E2E2E;
  --ink: #EFEFEF; --ink2: #A0A0A0; --ink3: #606060;
  --ember: #FF6D00; --primary: #FF9D00; --sun: #FFCE00;
  --radius-m: 12px; --radius-l: 20px;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--ground); color: var(--ink); font-family: 'Barlow', system-ui, sans-serif; }
body { padding: 24px 16px 48px; min-height: 100vh; }
.wrap { max-width: 640px; margin: 0 auto; display: grid; gap: 12px; }
.eyebrow { font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--primary); }
h1 { font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 800; font-size: 40px; line-height: 1.05; margin: 0; letter-spacing: 0.5px; text-wrap: balance; }
.line { font-size: 18px; color: var(--ink2); margin: 0; }
#map { height: 320px; border-radius: var(--radius-l); overflow: hidden; background: var(--surface); border: 1px solid var(--line); }
#map[hidden] { display: none; }
.cta { display: inline-block; margin-top: 8px; padding: 14px 22px; border-radius: 999px; background: var(--primary); color: var(--ground); font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
.cta:focus-visible { outline: 3px solid var(--sun); outline-offset: 2px; }
.small { font-size: 14px; color: var(--ink3); }
.leaflet-container { background: var(--surface); }