:root {
	--sm-color-bg: #ffffff;
	--sm-color-surface: #f7f7f4;
	--sm-color-text: #202320;
	--sm-color-muted: #686d67;
	--sm-color-border: #dedfd9;
	--sm-color-primary: #2f6b3c;
	--sm-color-primary-hover: #24552f;
	--sm-color-accent: #b38a3b;

	--sm-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--sm-font-size-xs: 0.75rem;
	--sm-font-size-sm: 0.875rem;
	--sm-font-size-md: 1rem;
	--sm-font-size-lg: 1.125rem;
	--sm-font-size-xl: 1.5rem;
	--sm-font-size-2xl: 2rem;

	--sm-space-1: 0.25rem;
	--sm-space-2: 0.5rem;
	--sm-space-3: 0.75rem;
	--sm-space-4: 1rem;
	--sm-space-6: 1.5rem;
	--sm-space-8: 2rem;
	--sm-space-12: 3rem;
	--sm-space-16: 4rem;

	--sm-radius-sm: 0.375rem;
	--sm-radius-md: 0.625rem;
	--sm-radius-lg: 1rem;
	--sm-radius-pill: 999px;

	--sm-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
	--sm-shadow-md: 0 8px 24px rgb(0 0 0 / 0.08);

	--sm-container: 1200px;
	--sm-content: 760px;
	--sm-transition: 160ms ease;
}


/* Public aliases reserved for component-level consumption. */
:root {
	--simorgh-color-bg: var(--sm-color-bg);
	--simorgh-color-surface: var(--sm-color-surface);
	--simorgh-color-text: var(--sm-color-text);
	--simorgh-color-muted: var(--sm-color-muted);
	--simorgh-color-border: var(--sm-color-border);
	--simorgh-color-primary: var(--sm-color-primary);
	--simorgh-color-primary-hover: var(--sm-color-primary-hover);
	--simorgh-color-accent: var(--sm-color-accent);
	--simorgh-radius-md: var(--sm-radius-md);
	--simorgh-container-max-width: var(--sm-container);
}