:root {
  --ds-font-sans: "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 16px;
  --ds-radius-xl: 20px;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-shadow-sm: 0 6px 16px -10px rgba(0, 0, 0, 0.3);
  --ds-shadow-md: 0 16px 32px -20px rgba(0, 0, 0, 0.45);
}

:root,
[data-theme="dark"] {
  --ds-bg-page: #0a1220;
  --ds-bg-surface: #101b2d;
  --ds-bg-surface-2: #152238;
  --ds-border: rgba(130, 154, 190, 0.35);
  --ds-text: #e1ecfb;
  --ds-text-muted: #9fb4d1;
  --ds-primary: #4f8fc7;
  --ds-primary-2: #60a5fa;
  --ds-success: #22c55e;
  --ds-danger: #ef4444;
  --ds-warning: #f59e0b;
}

[data-theme="light"] {
  --ds-bg-page: #f4f7fc;
  --ds-bg-surface: #ffffff;
  --ds-bg-surface-2: #f8fbff;
  --ds-border: rgba(43, 72, 111, 0.18);
  --ds-text: #152238;
  --ds-text-muted: #5e7699;
  --ds-primary: #2f6fab;
  --ds-primary-2: #2563eb;
  --ds-success: #16a34a;
  --ds-danger: #dc2626;
  --ds-warning: #d97706;
}