:root {
  --ds-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ds-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;

  --ds-space-0: 0;
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.25rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  --ds-space-10: 2.5rem;
  --ds-space-12: 3rem;

  --ds-radius-sm: 0.375rem;
  --ds-radius-md: 0.625rem;
  --ds-radius-lg: 0.875rem;
  --ds-radius-pill: 999px;

  --ds-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.08);
  --ds-shadow-md: 0 10px 30px rgb(15 23 42 / 0.12);

  --ds-text-xs: 0.75rem;
  --ds-text-sm: 0.875rem;
  --ds-text-md: 1rem;
  --ds-text-lg: 1.125rem;
  --ds-text-xl: 1.5rem;
  --ds-text-2xl: 2rem;

  --ds-surface-canvas: #f4f6f9;
  --ds-surface-panel: #ffffff;
  --ds-surface-subtle: #f8fafc;
  --ds-surface-hover: #eef2f7;
  --ds-surface-selected: #eaf0ff;
  --ds-border: #d8dee8;
  --ds-border-strong: #aeb8c8;
  --ds-text: #172033;
  --ds-text-muted: #5d6879;
  --ds-text-subtle: #758195;
  --ds-accent: #3159d9;
  --ds-accent-hover: #2648b4;
  --ds-accent-soft: #e9eeff;
  --ds-focus: #6c8cff;
  --ds-success: #177245;
  --ds-success-soft: #e8f6ef;
  --ds-warning: #8a5a00;
  --ds-warning-soft: #fff4d8;
  --ds-danger: #b42318;
  --ds-danger-soft: #fdeceb;
  --ds-info: #155b8a;
  --ds-info-soft: #e7f4fb;

  --ds-sidebar-width: 17.5rem;
  --ds-content-max: 100rem;
  --ds-control-height: 2.5rem;
  --ds-transition: 140ms ease;
}

html[data-theme="dark"] {
  --ds-surface-canvas: #111827;
  --ds-surface-panel: #182132;
  --ds-surface-subtle: #202b3d;
  --ds-surface-hover: #263246;
  --ds-surface-selected: #26365f;
  --ds-border: #344156;
  --ds-border-strong: #53627a;
  --ds-text: #eef2f8;
  --ds-text-muted: #b8c1cf;
  --ds-text-subtle: #94a0b2;
  --ds-accent: #8ea8ff;
  --ds-accent-hover: #adc0ff;
  --ds-accent-soft: #25345c;
  --ds-focus: #9eb4ff;
  --ds-success: #65d49a;
  --ds-success-soft: #173a2b;
  --ds-warning: #ffd27a;
  --ds-warning-soft: #483719;
  --ds-danger: #ff9a92;
  --ds-danger-soft: #4a2426;
  --ds-info: #8ed2ff;
  --ds-info-soft: #18384d;
  --ds-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.28);
  --ds-shadow-md: 0 14px 36px rgb(0 0 0 / 0.34);
}