/* Base typography shared by the hive-c0re dashboard and the hive-ag3nt
   web UI. The colour variables it references (`--bg`, `--fg`, …) live in
   the standalone `theme.css` (Catppuccin Mocha), linked separately by
   every page BEFORE this file so the `:root` vars resolve — see
   `theme.css` + docs/web-ui/css-vars.md. Per-page stylesheets append on
   top of this and must NOT redeclare the colour variables; `theme.css`
   is the one source of truth. */
body {
  background: var(--bg);
  color: var(--fg);
  font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", "Source Code Pro", monospace;
  line-height: 1.6;
}

/* Loading spinner used by the shared `asyncBtn()` helper (forms.js) —
   swapped into a button's content while its async action is in flight.
   Lives here (not in a per-page stylesheet) because asyncBtn itself is
   shared between the dashboard and the per-agent UI; keeping the CSS
   with the JS component it styles avoids one consumer rendering an
   unstyled, unanimated glyph. */
.spinner {
  display: inline-block;
  animation: spin 1s linear infinite;
  color: var(--amber);
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }