:root {
  --ds-color-bg: #07111f;
  --ds-color-bg-deep: #020617;
  --ds-color-surface: #0f1b2e;
  --ds-color-surface-raised: #142238;
  --ds-color-surface-subtle: #1b2b43;
  --ds-color-text: #f8fafc;
  --ds-color-text-secondary: #cbd5e1;
  --ds-color-text-muted: #94a3b8;
  --ds-color-text-disabled: #64748b;
  --ds-color-primary: #2563eb;
  --ds-color-primary-hover: #1d4ed8;
  --ds-color-accent: #06b6d4;
  --ds-color-success: #16a34a;
  --ds-color-warning: #d97706;
  --ds-color-danger: #dc2626;
  --ds-color-info: #0284c7;
  --ds-color-border: rgba(148, 163, 184, .22);
  --ds-color-border-strong: rgba(148, 163, 184, .38);

  --ds-font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-size-xs: .75rem;
  --ds-font-size-sm: .8125rem;
  --ds-font-size-md: .9375rem;
  --ds-font-size-lg: 1.125rem;
  --ds-font-size-xl: 1.5rem;
  --ds-font-size-2xl: 2rem;

  --ds-space-1: .25rem;
  --ds-space-2: .5rem;
  --ds-space-3: .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-control: .625rem;
  --ds-radius-card: 1rem;
  --ds-radius-dialog: 1.25rem;
  --ds-shadow-card: 0 18px 45px rgba(0, 0, 0, .24);
  --ds-shadow-focus: 0 0 0 3px rgba(59, 130, 246, .28);
  --ds-content-max: 80rem;
  --ds-control-height: 2.75rem;
  --ds-transition: 160ms ease;
}