:root {
  --color-text: #172b4d;
  --color-text-subtle: #44546f;
  --color-text-subtlest: #626f86;
  --color-text-inverse: #ffffff;
  --color-text-selected: #0052cc;
  --surface: #ffffff;
  --surface-sunken: #f4f5f7;
  --surface-hovered: #f1f2f4;
  --surface-pressed: #dcdfe4;
  --border: #dfe1e6;
  --border-focused: #4c9aff;
  --border-success: #abf5d1;
  --border-danger: #ffbdad;
  --background-brand-bold: #0052cc;
  --background-brand-bold-hovered: #0747a6;
  --background-brand-bold-disabled: #b3cdf5;
  --background-neutral: #f1f2f4;
  --background-neutral-hovered: #dcdfe4;
  --background-selected: #e9f2ff;
  --background-success: #e3fcef;
  --text-success: #006644;
  --background-warning: #fff0b3;
  --text-warning: #7f5f01;
  --background-danger: #ffebe6;
  --text-danger: #bf2600;
  --background-info: #deebff;
  --text-info: #0747a6;
  --chart-brand: #0052cc;
  --chart-danger: #de350b;
  --chart-success: #00875a;
  --space-050: 4px;
  --space-100: 8px;
  --space-150: 12px;
  --space-200: 16px;
  --space-300: 24px;
  --space-400: 32px;
  --radius-small: 3px;
  --radius-medium: 4px;
  --radius-large: 8px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #b6c2cf;
    --color-text-subtle: #9fadbc;
    --color-text-subtlest: #8c9bab;
    --color-text-selected: #579dff;
    --surface: #1d2125;
    --surface-sunken: #161a1d;
    --surface-hovered: #2c333a;
    --surface-pressed: #38414a;
    --border: #38414a;
    --border-focused: #388bff;
    --border-success: #2abb7f;
    --border-danger: #e2483d;
    --background-brand-bold: #0c66e4;
    --background-brand-bold-hovered: #1868db;
    --background-brand-bold-disabled: #1e3a5f;
    --background-neutral: #333b43;
    --background-neutral-hovered: #43505e;
    --background-selected: #112a52;
    --background-success: #164b35;
    --text-success: #4bce97;
    --background-warning: #533f04;
    --text-warning: #f5cd47;
    --background-danger: #5d1f1a;
    --text-danger: #fd9891;
    --background-info: #09326c;
    --text-info: #85b8ff;
    --chart-brand: #579dff;
    --chart-danger: #f87168;
    --chart-success: #4bce97;
  }
}