/* ============================================================================
   wwa-tokens.css  —  Wild Wild Agents design tokens (single source of truth)
   BBE-STD-WWA-CHROME-001 · v20260701
   Hosted: https://hub.wildwildagents.com/chrome/wwa-tokens.css
   CI: white / violet #670de5, aurora gradient violet->blue->magenta->teal.
   Fonts: Space Grotesk (display), Inter (body), JetBrains Mono (mono).
   Light = :root default. Dark = [data-theme="dark"]. WCAG 2.1 AA both themes.
   ========================================================================== */
:root{
  /* surfaces */
  --wwa-bg:#f7f6fb; --wwa-bg-2:#ffffff; --wwa-bg-3:#eae6f6;
  --wwa-nav-bg:rgba(255,255,255,.86);
  --wwa-card:#ffffff; --wwa-line:#e5e1f2; --wwa-line-soft:#efecf9;
  /* ink (AA on --wwa-bg) */
  --wwa-ink:#0c0a1a; --wwa-ink-soft:#46415e; --wwa-muted:#6c6683;
  /* brand */
  --wwa-violet:#670de5; --wwa-violet-2:#5a0bc7;
  --wwa-blue:#1f6be0; --wwa-magenta:#c81ebd; --wwa-teal:#00b5a8; --wwa-green:#0c7d61;
  --wwa-accent:var(--wwa-violet);
  --wwa-grad:linear-gradient(100deg,#670de5 0%,#1f6be0 35%,#c81ebd 65%,#00b5a8 100%);
  /* type */
  --wwa-font-display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wwa-font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --wwa-font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;
  /* geometry */
  --wwa-r:12px; --wwa-r-sm:8px; --wwa-r-pill:999px;
  --wwa-nav-h:56px; --wwa-maxw:1180px;
  --wwa-shadow-sm:0 1px 3px rgba(103,13,229,.06),0 2px 6px rgba(103,13,229,.04);
  --wwa-shadow:0 8px 32px rgba(103,13,229,.10),0 2px 8px rgba(103,13,229,.05);
  --wwa-ring:0 0 0 3px rgba(103,13,229,.28);
}
[data-theme="dark"]{
  --wwa-bg:#0a0814; --wwa-bg-2:#100c1e; --wwa-bg-3:#181231;
  --wwa-nav-bg:rgba(12,10,22,.82);
  --wwa-card:rgba(16,12,30,.72); --wwa-line:rgba(139,115,240,.18); --wwa-line-soft:rgba(139,115,240,.10);
  --wwa-ink:#f1eefb; --wwa-ink-soft:rgba(241,238,251,.74); --wwa-muted:rgba(241,238,251,.52);
  --wwa-violet:#a78bfa; --wwa-violet-2:#b9a8ff;
  --wwa-blue:#5b8def; --wwa-magenta:#e05bd0; --wwa-teal:#22c9bb; --wwa-green:#4ade9e;
  --wwa-grad:linear-gradient(100deg,#8b73f0 0%,#5b8def 35%,#e05bd0 65%,#22c9bb 100%);
  --wwa-shadow-sm:0 1px 3px rgba(0,0,0,.5);
  --wwa-shadow:0 18px 50px -28px rgba(0,0,0,.8);
  --wwa-ring:0 0 0 3px rgba(167,139,250,.4);
}