:root {
  --ds-font-sans: ui-sans-serif, system-ui, -apple-system, "Inter", "Segoe UI", Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";

  --ds-fs-12: 12px;
  --ds-fs-13: 13px;
  --ds-fs-14: 14px;
  --ds-fs-16: 16px;
  --ds-fs-20: 20px;
  --ds-fs-24: 24px;

  --ds-lh-12: 16px;
  --ds-lh-14: 20px;
  --ds-lh-16: 24px;
  --ds-lh-20: 28px;
  --ds-lh-24: 32px;

  --ds-w-regular: 400;
  --ds-w-medium: 500;
  --ds-w-semibold: 600;

  --ds-space-2: 2px;
  --ds-space-4: 4px;
  --ds-space-6: 6px;
  --ds-space-8: 8px;
  --ds-space-10: 10px;
  --ds-space-12: 12px;
  --ds-space-14: 14px;
  --ds-space-16: 16px;
  --ds-space-20: 20px;
  --ds-space-24: 24px;
  --ds-space-32: 32px;
  --ds-space-40: 40px;

  --ds-radius-8: 8px;
  --ds-radius-12: 12px;
  --ds-radius-16: 16px;
  --ds-radius-20: 20px;

  --ds-bg: #1f2433;
  --ds-surface-1: #222838;
  --ds-surface-2: #222838;
  --ds-surface-3: #2f3647;

  --ds-border: rgba(255, 255, 255, 0.08);
  --ds-border-strong: rgba(255, 255, 255, 0.14);

  --ds-text: rgba(255, 255, 255, 0.92);
  --ds-text-muted: rgba(255, 255, 255, 0.64);
  --ds-text-dim: rgba(255, 255, 255, 0.46);

  --ds-primary-400: #7c87f7;
  --ds-primary-500: #5b63d3;
  --ds-primary-600: #5056ed;

  --ds-lime-400: #c3fe5c;
  --ds-lime-500: #baf358;

  --ds-success: #2fd07b;
  --ds-warning: #f3c258;
  --ds-danger: #ff5c7a;

  --ds-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.24);
  --ds-shadow-md: 0 14px 34px rgba(0, 0, 0, 0.32);

  --ds-focus: 0 0 0 3px rgba(115, 59, 229, 0.35);

  --ds-control-h: 40px;
  --ds-control-h-lg: 44px;
}