:root {
	--wsm-color-primary: #111827;
	--wsm-color-secondary: #4b5563;
	--wsm-color-text: #1f2937;
	--wsm-color-muted: #6b7280;
	--wsm-color-background: #ffffff;
	--wsm-color-surface: #f9fafb;
	--wsm-color-border: #e5e7eb;
	--wsm-radius-sm: 4px;
	--wsm-radius-md: 8px;
	--wsm-radius-lg: 12px;
	--wsm-radius-pill: 999px;
	--wsm-container-width: 1140px;
	--wsm-container-wide: 1140px;
	--wsm-content-width: 800px;
	--wsm-space-1: 4px;
	--wsm-space-2: 8px;
	--wsm-space-3: 12px;
	--wsm-space-4: 16px;
	--wsm-space-5: 24px;
	--wsm-space-6: 32px;
	--wsm-space-7: 48px;
	--wsm-control-height: 42px;
	--wsm-button-radius: var(--wsm-radius-md);
}