/* AI Agents 101 — shared design tokens
   Imported by every HTML asset; SVG assets repeat these values inline so they
   render correctly when embedded standalone. */

:root {
  --bg: #FAFAF7;
  --ink: #1A1A1A;
  --ink-muted: #555555;
  --rule: #E5E2D9;
  --surface: #FFFFFF;
  --accent: #1F6F8B;
  --accent-soft: #E3EEF2;
  --highlight: #C77B2C;
  --highlight-soft: #F6E6D2;
  --security-ink: #2A2722;

  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --stroke: 1.25px;
  --stroke-emphasis: 1.5px;
  --radius-node: 6px;
  --radius-chip: 4px;
}

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