:root {
  --ms-color-bg: #f6f7fb;
  --ms-color-surface: #ffffff;
  --ms-color-surface-subtle: #f8fafc;
  --ms-color-ink: #101828;
  --ms-color-muted: #667085;
  --ms-color-border: #d9e0ea;
  --ms-color-border-strong: #b9c3d0;
  --ms-color-primary: #2563eb;
  --ms-color-primary-strong: #1d4ed8;
  --ms-color-primary-soft: #eff6ff;
  --ms-color-success: #059669;
  --ms-color-warning: #d97706;
  --ms-color-danger: #dc2626;
  --ms-color-private: #7c3aed;

  --ms-radius-xs: 6px;
  --ms-radius-sm: 8px;
  --ms-radius-md: 10px;
  --ms-radius-lg: 14px;

  --ms-space-1: 4px;
  --ms-space-2: 8px;
  --ms-space-3: 12px;
  --ms-space-4: 16px;
  --ms-space-5: 20px;
  --ms-space-6: 24px;

  --ms-font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ms-font-size-xs: 11px;
  --ms-font-size-sm: 12px;
  --ms-font-size-md: 13px;
  --ms-font-size-lg: 16px;

  --ms-shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);
  --ms-shadow-sm: 0 3px 10px rgba(16, 24, 40, .08);
  --ms-shadow-md: 0 10px 30px rgba(16, 24, 40, .10);
  --ms-focus-ring: 0 0 0 3px rgba(37, 99, 235, .14);
}
