/* Heard design tokens, taken from the Figma file */
:root, [data-theme="dark"] {
  --bg:#1a1a1a; --bg2:#151515; --card:#242424; --card2:#2e2e2e; --line:#343434; --text:#f7f5f0; --muted:#9a9ea5; --ring:#5a5f66;
  --amber:#d98324; --amber-text:#d98324; --amber-bg:#2e2517; --blue:#6fa3e8; --blue-bg:#17202b;
  --lock:#121212; --notif:#2a2a2a; --lock-text:#c9cbd0; --map:#1d1d1d; --street:#2a2a2a; --park:#1f2a22; --on-amber:#1a1a1a;
  --pur:#9a86ec; --grn:#3fbf91; --pnk:#e878b4; --solid:#f7f5f0; --on-solid:#1a1a1a;
}
[data-theme="light"] {
  --bg:#f7f5f0; --bg2:#efece4; --card:#ffffff; --card2:#f1eee7; --line:#dad6cc; --text:#1a1a1a; --muted:#5f636b; --ring:#9a9ea5;
  --amber:#d98324; --amber-text:#9a5a0c; --amber-bg:#fbebd6; --blue:#1b4d8f; --blue-bg:#e6eef8;
  --lock:#e8e5dc; --notif:#ffffff; --lock-text:#5f636b; --map:#ece9e1; --street:#dad6cc; --park:#d7e3d4; --on-amber:#1a1a1a;
  --pur:#5b45c4; --grn:#12795a; --pnk:#b42f7c; --solid:#1a1a1a; --on-solid:#f7f5f0;
}
*,*::before,*::after { box-sizing:border-box; }
html,body { margin:0; height:100%; background:var(--bg); color:var(--text); font-family:Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
button { font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
input,textarea { font:inherit; color:inherit; }
:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.ar { font-family:Archivo,Inter,sans-serif; font-weight:800; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }