/* Generated from tokens.json. Run node packages/design-system/build.mjs. */
:root {
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  --ds-radius-control: 0.5rem;
  --ds-radius-panel: 0.75rem;
  --ds-radius-pill: 999px;
  --ds-font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --ds-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ds-motion-fast: 120ms;
  --ds-background: #f9fafb;
  --ds-surface: #ffffff;
  --ds-text: #18212f;
  --ds-muted: #475467;
  --ds-border: #64748b;
  --ds-primary: #174f8c;
  --ds-on-primary: #ffffff;
  --ds-success: #12633b;
  --ds-warning: #854b00;
  --ds-danger: #b42318;
  --ds-focus: #174f8c;
  --ds-subtle: #f2f4f7;
}
:root[data-theme="dark"] {
  --ds-background: #101827;
  --ds-surface: #182438;
  --ds-text: #f1f5f9;
  --ds-muted: #c1ccda;
  --ds-border: #8293ab;
  --ds-primary: #9dc9ff;
  --ds-on-primary: #101827;
  --ds-success: #7ee2ad;
  --ds-warning: #ffcf80;
  --ds-danger: #ffaaa3;
  --ds-focus: #9dc9ff;
  --ds-subtle: #263650;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]):not([data-theme="dark"]) {
  --ds-background: #101827;
  --ds-surface: #182438;
  --ds-text: #f1f5f9;
  --ds-muted: #c1ccda;
  --ds-border: #8293ab;
  --ds-primary: #9dc9ff;
  --ds-on-primary: #101827;
  --ds-success: #7ee2ad;
  --ds-warning: #ffcf80;
  --ds-danger: #ffaaa3;
  --ds-focus: #9dc9ff;
  --ds-subtle: #263650;
}
}