/* GENERATED from DESIGN.md by npm run design:theme. Do not edit by hand. */
:root {
  --color-primary: #0f7355;
  --color-primary-ink: #0b5741;
  --color-primary-soft: #edf5f2;
  --color-on-primary: #ffffff;
  --color-ground: #ffffff;
  --color-surface: #f7f8fa;
  --color-surface-2: #eef0f4;
  --color-ink: #10131a;
  --color-ink-soft: #545a67;
  --color-ink-faint: #646b78;
  --color-line: #e4e7ec;
  --color-line-strong: #cbd1da;
  --color-warn: #8a5300;
  --color-warn-soft: #fdf5e6;
  --color-danger: #a4231a;
  --color-danger-soft: #fdf1f0;
  --color-band-limited: #f0b100;
  --color-band-full: #e5261f;
  --color-primary-dark: #2fa07c;
  --color-primary-ink-dark: #6fc9a8;
  --color-primary-soft-dark: #14251f;
  --color-on-primary-dark: #06120e;
  --color-ground-dark: #0c0e13;
  --color-surface-dark: #14171e;
  --color-surface-2-dark: #1c2029;
  --color-ink-dark: #eceef2;
  --color-ink-soft-dark: #9ba3b0;
  --color-ink-faint-dark: #818998;
  --color-line-dark: #232833;
  --color-line-strong-dark: #333a47;
  --color-warn-dark: #d9a441;
  --color-warn-soft-dark: #241c0c;
  --color-danger-dark: #e0685e;
  --color-danger-soft-dark: #241413;
  --color-band-limited-dark: #fbbf24;
  --color-band-full-dark: #ff4d42;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --spacing-4xl: 64px;
  --spacing-5xl: 96px;
  --rounded-control: 6px;
  --rounded-card: 8px;
  --rounded-square: 4px;
  --rounded-pill: 999px;
  --rounded-pill-card: 16px;
}