/* agently.mx — generated from design/tokens.json by scripts/build.mjs. Do not edit. */
:root {
  color-scheme: dark;
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;
  --bg-000: #0b0d12;
  --bg-100: #11141b;
  --bg-200: #171b24;
  --bg-300: #1f2430;
  --line: #262c38;
  --edge: #6a7386;
  --ink: #e8ebf2;
  --ink-muted: #9aa3b5;
  --ink-faint: #7a8396;
  --signal: #ff4fa3;
  --on-signal: #281523;
  --signal-soft: #412036;
  --mint: #3ddc97;
  --mint-soft: #0f2e22;
  --amber: #f5b84a;
  --amber-soft: #33260c;
  --coral: #ff7a6b;
  --coral-soft: #3a1714;
  --heat-0: #1a2030;
  --heat-1: #5a2d50;
  --heat-2: #91386c;
  --heat-3: #c84487;
  --heat-4: #ff4fa3;
  --heat-5: #ffb0d6;
  --shadow-pop: 0 12px 32px rgba(0,0,0,0.5);
}