/* Ayeboard design tokens, generated from docs/brand/tokens.json by apps/site/scripts/build.mjs. Do not edit. */
:root {
  --surface: #f5f6f3;
  --surface-2: #eceee9;
  --card: #ffffff;
  --ink: #161b19;
  --ink-2: #4a544f;
  --ink-3: #646e68;
  --on-ink: #f5f6f3;
  --line: #d9ded8;
  --line-2: #868e86;
  --human: #b86f00;
  --human-soft: #fff1d6;
  --human-text: #7a4a00;
  --on-human: #1f1400;
  --agent: #0b7a60;
  --agent-soft: #d9f3ea;
  --agent-text: #075a45;
  --on-agent: #ffffff;
  --accent: #1f4fd8;
  --accent-soft: #e3eafd;
  --crit: #c23434;
  --crit-soft: #fde3e3;
  --warn: #956300;
  --good: #0b7a60;
  --shadow-card: 0 1px 2px rgba(20,30,25,0.06), 0 8px 24px -12px rgba(20,30,25,0.18);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-chip: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-tile: 14px;
  --radius-pill: 999px;
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #121614;
    --surface-2: #181d1a;
    --card: #1b211e;
    --ink: #e6ebe6;
    --ink-2: #aab4ad;
    --ink-3: #7d877f;
    --on-ink: #121614;
    --line: #2b332e;
    --line-2: #6a746d;
    --human: #e0a040;
    --human-soft: #3a2a10;
    --human-text: #f3c87a;
    --on-human: #1f1400;
    --agent: #2fbf97;
    --agent-soft: #10302a;
    --agent-text: #8fe3c9;
    --on-agent: #06201a;
    --accent: #6b8ff0;
    --accent-soft: #1d2744;
    --crit: #ef6b6b;
    --crit-soft: #3d1c1c;
    --warn: #e0a040;
    --good: #2fbf97;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px -12px rgba(0,0,0,0.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --surface: #121614;
  --surface-2: #181d1a;
  --card: #1b211e;
  --ink: #e6ebe6;
  --ink-2: #aab4ad;
  --ink-3: #7d877f;
  --on-ink: #121614;
  --line: #2b332e;
  --line-2: #6a746d;
  --human: #e0a040;
  --human-soft: #3a2a10;
  --human-text: #f3c87a;
  --on-human: #1f1400;
  --agent: #2fbf97;
  --agent-soft: #10302a;
  --agent-text: #8fe3c9;
  --on-agent: #06201a;
  --accent: #6b8ff0;
  --accent-soft: #1d2744;
  --crit: #ef6b6b;
  --crit-soft: #3d1c1c;
  --warn: #e0a040;
  --good: #2fbf97;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px -12px rgba(0,0,0,0.6);
  color-scheme: dark;
}