/* ============================================================
   The Agent-Run Company · brand tokens (Side Quest Strategies)
   Navy / blue / cyan, the SQS builder's-guide family. Space Grotesk for
   display, Inter for text, IBM Plex Mono for code and terminals.
   Light theme only: the pack prints and shares on white.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root, :root[data-theme="dark"], :root[data-theme="light"] {
  /* brand */
  --navy: hsl(215 70% 25%); --navy-deep: hsl(215 70% 17%); --navy-soft: hsl(215 60% 34%);
  --blue: hsl(210 80% 55%); --blue-mid: hsl(210 80% 38%);
  --cyan: hsl(190 85% 45%); --cyan-deep: hsl(190 85% 30%);
  --amber: hsl(35 90% 48%); --green: hsl(150 60% 36%); --red: hsl(0 65% 48%); --violet: hsl(262 55% 52%);

  /* surfaces and text */
  --bg: hsl(210 20% 98%); --bg-2: hsl(210 25% 95%); --surface: #ffffff; --surface-2: hsl(210 25% 97%);
  --ink: hsl(215 50% 14%); --ink-2: hsl(215 30% 28%); --muted: hsl(215 20% 45%); --faint: hsl(215 15% 62%);
  --line: hsl(210 30% 88%); --line-2: hsl(210 25% 80%);
  --accent: var(--cyan); --accent-ink: var(--cyan-deep); --accent-soft: hsl(190 70% 93%); --on-accent: #fff;
  --band: var(--navy); --on-band: #fff; --dark-band: var(--navy-deep); --on-dark: hsl(210 30% 94%); --on-dark-muted: hsl(210 25% 74%);
  --good: var(--green); --good-soft: hsl(150 50% 93%);
  --warn: var(--amber); --warn-soft: hsl(35 90% 93%);
  --bad: var(--red); --bad-soft: hsl(0 70% 95%);
  --info-soft: hsl(210 70% 94%); --neutral-soft: hsl(215 20% 93%); --violet-soft: hsl(262 55% 94%);

  /* terminal */
  --term-bg: hsl(215 50% 11%); --term-bar: hsl(215 45% 16%); --term-ink: hsl(210 30% 92%); --term-dim: hsl(210 20% 60%);
  --term-green: hsl(150 70% 60%); --term-cyan: hsl(190 85% 62%); --term-amber: hsl(40 95% 66%); --term-red: hsl(0 80% 70%);

  /* the crew */
  --c-anvil: hsl(215 70% 25%); --c-ember: hsl(18 88% 52%); --c-flint: hsl(262 55% 52%); --c-gauge: hsl(150 60% 36%);
  --c-warden: hsl(0 65% 46%); --c-beacon: hsl(35 90% 46%); --c-ledger: hsl(190 85% 34%); --c-quill: hsl(300 40% 42%);
  --c-bellows: hsl(210 80% 44%); --c-founder: hsl(215 50% 14%);

  /* chart series */
  --c1: var(--navy); --c2: var(--cyan); --c3: var(--amber); --c4: var(--violet); --c5: var(--green); --c6: var(--red);
  --grid: hsl(215 50% 15% / .10); --axis: var(--faint);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;
  --display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Code', 'SF Mono', Menlo, Consolas, monospace;
  --radius: 8px; --radius-lg: 14px; --ease: cubic-bezier(.2, .6, .2, 1);
  --shadow: 0 1px 2px hsl(215 50% 15% / .05), 0 12px 32px -20px hsl(215 50% 15% / .28);
  --shadow-lg: 0 2px 6px hsl(215 50% 15% / .06), 0 24px 48px -24px hsl(215 50% 15% / .35);
  color-scheme: light only;
}