/* Generated from design-system/tokens.json. */
:root {
  --rule: #dce2eb;
  --bg: #f6f8fc;
  --surface-strong: #ffffff;
  --text: #17202b;
  --muted: #546172;
  --border: #7d899a;
  --main: #2f6bff;
  --main-deep: #1746b8;
  --main-soft: #eaf1ff;
  --success: #2e8b57;
  --success-soft: #eaf7f0;
  --warning: #d97706;
  --warning-soft: #fff4e5;
}
@media (prefers-color-scheme: dark) { :root {
  --rule: #353b45;
  --bg: #15171b;
  --surface-strong: #202329;
  --text: #f3f5f8;
  --muted: #b4bfce;
  --border: #788496;
  --main: #5b8cff;
  --main-deep: #bfd0ff;
  --main-soft: #152449;
  --success: #46d68c;
  --success-soft: #103524;
  --warning: #ff9a4a;
  --warning-soft: #3f2410;
} }
:root { --font-sans: "Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif; --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 48px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --type-display-size: 44px; --type-display-line: 1.15; --type-display-weight: 750; --type-heading-size: 28px; --type-heading-line: 1.3; --type-heading-weight: 700; --type-subheading-size: 20px; --type-subheading-line: 1.4; --type-subheading-weight: 700; --type-body-size: 16px; --type-body-line: 1.65; --type-body-weight: 400; --type-control-size: 14px; --type-control-line: 1.5; --type-control-weight: 650; --type-caption-size: 13px; --type-caption-line: 1.6; --type-caption-weight: 400; }