:root {
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-space-12: 48px;
  --ds-space-16: 64px;
  --ds-bg: #f5f5f2;
  --ds-surface: #ffffff;
  --ds-surface-muted: #f0f2f1;
  --ds-sidebar: #172337;
  --ds-border: #d9dfdf;
  --ds-text: #172337;
  --ds-text-secondary: #5f6c7f;
  --ds-text-muted: #7a8595;
  --ds-brand: #172337;
  --ds-accent: #aa7a18;
  --ds-success: #397452;
  --ds-warning: #9b6c17;
  --ds-danger: #a64e49;
  --ds-radius-sm: 10px;
  --ds-radius-md: 16px;
  --ds-radius-lg: 24px;
  --ds-shadow: 0 16px 44px rgba(23, 35, 55, .07);
  --platform-header-height: 78px;
  --module-sidebar-width: 256px;
  --stage-rail-width: 220px;
}