/* Generated from DESIGN.md. Run npm run tokens. */
:root {
  --color-background: #0b0b0e;
  --color-surface: #15151b;
  --color-on-primary: #ffffff;
  --color-ink: #f3f1f9;
  --color-muted: #b3b1c3;
  --color-primary: #6951e7;
  --color-link: #b6a5ff;
  --color-primary-hover: #765ee9;
  --color-accent: #252039;
  --color-border: #34333f;
  --color-success: #63d6b0;
  --color-warning: #f0bd78;
  --color-danger: #ff96ab;
  --color-scrollbar: #696677;
  --radius-control: 0.65rem;
  --radius-panel: 1rem;
  --space-unit: 0.5rem;
  --space-section: 2rem;
  --space-page-max: 88rem;
  --font-display: "Avenir Next", "Segoe UI", sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, monospace;
}