/* GENERATED from tokens.json by packages/design-tokens/generate.mjs. Do not edit. */
:root {
  --color-ink: #111111;
  --color-ink-muted: #4A4A4A;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F3F4F6;
  --color-field: #E6E6E6;
  --color-border: #767676;
  --color-primary: #0A7D3C;
  --color-primary-hover: #08652F;
  --color-on-primary: #FFFFFF;
  --color-link: #0A5F8A;
  --color-danger: #B3261E;
  --color-on-danger: #FFFFFF;
  --color-warning-surface: #FFF4CC;
  --color-success-surface: #E1EEDC;
  --color-on-warning-surface: #3D2F00;
  --color-brand-black: #000000;
  --color-brand-white: #FFFFFF;
  --color-brand-green: #22D160;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-tile: 22px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-size-base: 18px;
  --font-size-small: 15px;
  --font-size-title: 28px;
  --font-size-display: 40px;
  --font-size-code: 64px;
}