/* app.css — City Angle web app screens. Builds on site.css tokens. */
:root {
  --inkActive: #22222A; --red-soft: rgba(225,75,67,0.12);
  --field-bg: #fff; --field-bd: rgba(20,20,30,0.12); --chip-bg: rgba(20,20,30,0.045);
}
[data-theme="dark"] {
  --bg:#0C0C0E; --surface:#161619; --surface2:#1C1C20; --ink:#F4F4F6; --ink2:#B7B7C0;
  --inkActive:#56565F; --muted:#86868F; --faint:#5E5E68;
  --hair:rgba(255,255,255,0.09); --hair2:rgba(255,255,255,0.16);
  --field-bg:#1E1E23; --field-bd:rgba(255,255,255,0.14); --chip-bg:rgba(255,255,255,0.07);
  --blue:#5B8CFF; --blue-ink:#9DB8FF; --blue-soft:rgba(91,140,255,0.18);
  --red:#FF6B61; --red-soft:rgba(255,107,97,0.18);
  --green:#34CD92; --green-soft:rgba(52,205,146,0.16); --amber:#F0AE54; --ring:#3A3A42;
  --bg-grad: radial-gradient(120% 80% at 50% -8%, #181820 0%, #0B0B0D 62%);
}
body.ca-app { min-height: 100dvh; background: var(--bg); }
#app { max-width: 460px; margin: 0 auto; min-height: 100dvh; position: relative; }