/* ============================================================
 * base.css — shared design tokens, reset, icon system
 * Used by both index.html (agent) and login.html.
 * ============================================================ */

:root {
  /* Brand */
  --gold: rgb(245, 197, 24);
  --gold-soft: rgba(245, 197, 24, 0.16);
  --gold-deep: rgb(138, 101, 8);
  --navy: rgb(26, 26, 72);
  --navy-2: rgb(29, 43, 101);

  /* Ink / text */
  --ink: rgb(26, 26, 46);
  --ink-2: rgb(44, 44, 62);
  --muted: rgb(143, 140, 171);

  /* Surfaces */
  --page-bg: rgb(247, 246, 242);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink-2);
  -webkit-font-smoothing: antialiased;
}

/* ===== Icon sprite ===== */
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.svg-icon {
  width: 1em; height: 1em;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; }
}