/* Generated by brand.py; edit brand-system.json. */
:root {
  --ds-font-body: 16px;
  --ds-font-caption: 12px;
  --ds-font-title: 28px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-radius-item: 8px;
  --ds-radius-sheet: 20px;
  --ds-motion-fast: 120ms;
  --ds-motion-normal: 180ms;
}
:root, [data-theme=light] {
  --ds-canvas: #f7f8fa;
  --ds-surface: #ffffff;
  --ds-surface-soft: #eef0f3;
  --ds-text: #202326;
  --ds-muted: #696e76;
  --ds-border: #e0e4e8;
  --ds-action: #28664e;
  --ds-on-action: #ffffff;
  --ds-info: #315ca5;
  --ds-info-soft: #edf3fc;
  --ds-success: #28664e;
  --ds-success-soft: #e5f1e9;
  --ds-warning: #865509;
  --ds-warning-soft: #fff3dc;
  --ds-danger: #b43840;
  --ds-danger-soft: #fcebee;
}
[data-theme=dark] {
  --ds-canvas: #131517;
  --ds-surface: #1d2023;
  --ds-surface-soft: #272b30;
  --ds-text: #f3f4f6;
  --ds-muted: #b0b6c0;
  --ds-border: #373e46;
  --ds-action: #a7d9bb;
  --ds-on-action: #17261d;
  --ds-info: #adc5fb;
  --ds-info-soft: #24334c;
  --ds-success: #a7d9bb;
  --ds-success-soft: #243c2e;
  --ds-warning: #e8c078;
  --ds-warning-soft: #413622;
  --ds-danger: #ffabb2;
  --ds-danger-soft: #472b31;
}