/* Shared by app.html and login.html: theme tokens and base element styles. */
:root {
  --bg: #f7f3fd; --card: #fff; --text: #241b33; --muted: #6f6680; --border: #e4daf3;
  --accent: #7c3aed; --on-accent: #fff; --accent-soft: #f1e9fe; --free: #2b8a3e; --free-soft: #ebfbee; --error: #c92a2a;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #16121f; --card: #221c2e; --text: #f3effa; --muted: #a79ebb; --border: #382f4a;
    --accent: #a78bfa; --on-accent: #1a1228; --accent-soft: #2e2445; --free: #69db7c; --free-soft: #1f2e22; --error: #ff6b6b;
  }
}
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--text); }
input { width: 100%; padding: 10px 12px; font: inherit; border: 1px solid var(--border); border-radius: 10px;
  background: var(--bg); color: var(--text); }
input:focus, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }