/* Generated from DESIGN.md. */
:root {
  --color-primary: #244bda;
  --color-primary-hover: #1938aa;
  --color-background: #f6f8fc;
  --color-surface: #ffffff;
  --color-ink: #202c45;
  --color-muted: #65718a;
  --color-border: #e4e8f1;
  --color-soft: #edf1ff;
  --color-lime: #deef9c;
  --color-success: #287452;
  --color-warning: #8c5413;
  --color-warning-soft: #fff4df;
  --color-danger: #b22f3e;
  --color-scroll-thumb: #a7b2c7;
  --color-hero: #244bda;
  --color-hero-text: #ffffff;
  --font-body: Tahoma, Arial, sans-serif;
  --font-display: Arial, Tahoma, sans-serif;
  --radius-lg: 14px;
  --space-page: 44px;
}

:root[data-theme="dark"] {
  --color-primary: #a6baff;
  --color-primary-hover: #c0ceff;
  --color-background: #101216;
  --color-surface: #191c22;
  --color-ink: #f0f2f7;
  --color-muted: #b0b8c8;
  --color-border: #373d48;
  --color-soft: #283249;
  --color-lime: #deef9c;
  --color-success: #87d4af;
  --color-warning: #f3c47e;
  --color-warning-soft: #3a2d1b;
  --color-danger: #ffabb5;
  --color-scroll-thumb: #707c91;
  --color-hero: #203e99;
  --color-hero-text: #ffffff;
}