/* Generated from DESIGN.md. Do not edit. */
:root {
  --color-primary: #C1A5F5;
  --color-on-primary: #241538;
  --color-background: #19171E;
  --color-surface: #25212C;
  --color-sidebar: #151219;
  --color-foreground: #F2EFF7;
  --color-muted: #B9B0C7;
  --color-border: #52485E;
  --color-control-border: #80718F;
  --color-soft: #3B2C4F;
  --color-danger: #FFACAC;
  --color-warning: #EACD91;
  --font-display: 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Cascadia Code', ui-monospace, monospace;
  --radius-control: 10px;
  --radius-card: 16px;
  --radius-dialog: 20px;
  --space-unit: 4px;
  --space-page: 40px;
  --space-gap: 24px;
}