:root {
	--softone-color-background-primary: var(--wp--preset--color--background-primary);
	--softone-color-background-secondary: var(--wp--preset--color--background-secondary);
	--softone-color-surface: var(--wp--preset--color--surface);
	--softone-color-surface-elevated: var(--wp--preset--color--surface-elevated);
	--softone-color-primary: var(--wp--preset--color--primary);
	--softone-color-primary-dark: var(--wp--preset--color--primary-dark);
	--softone-color-primary-soft: var(--wp--preset--color--primary-soft);
	--softone-color-steel: var(--wp--preset--color--steel);
	--softone-color-text-primary: var(--wp--preset--color--text-primary);
	--softone-color-text-secondary: var(--wp--preset--color--text-secondary);
	--softone-color-text-tertiary: var(--wp--preset--color--text-tertiary);
	--softone-color-mineral: var(--wp--preset--color--mineral);
	--softone-color-carbon-text: var(--wp--preset--color--carbon-text);
	--softone-color-carbon-muted: var(--wp--preset--color--carbon-muted);
	--softone-color-border: var(--wp--preset--color--border);
	--softone-color-success: var(--wp--preset--color--success);
	--softone-color-warning: var(--wp--preset--color--warning);
	--softone-color-error: var(--wp--preset--color--error);

	--softone-font-display: var(--wp--preset--font-family--display);
	--softone-font-body: var(--wp--preset--font-family--body);
	--softone-font-mono: var(--wp--preset--font-family--mono);

	--softone-space-1: var(--wp--preset--spacing--1);
	--softone-space-2: var(--wp--preset--spacing--2);
	--softone-space-3: var(--wp--preset--spacing--3);
	--softone-space-4: var(--wp--preset--spacing--4);
	--softone-space-6: var(--wp--preset--spacing--6);
	--softone-space-8: var(--wp--preset--spacing--8);
	--softone-space-12: var(--wp--preset--spacing--12);
	--softone-space-16: var(--wp--preset--spacing--16);
	--softone-space-20: var(--wp--preset--spacing--20);
	--softone-space-24: var(--wp--preset--spacing--24);
	--softone-space-32: var(--wp--preset--spacing--32);
	--softone-space-40: var(--wp--preset--spacing--40);

	--softone-radius-button: var(--wp--custom--radius--button);
	--softone-radius-card-small: var(--wp--custom--radius--card-small);
	--softone-radius-card: var(--wp--custom--radius--card);
	--softone-radius-panel: var(--wp--custom--radius--panel);
	--softone-radius-pill: var(--wp--custom--radius--pill);

	--softone-duration-fast: var(--wp--custom--motion--duration-fast);
	--softone-duration-base: var(--wp--custom--motion--duration-base);
	--softone-duration-slow: var(--wp--custom--motion--duration-slow);
	--softone-duration-trace: var(--wp--custom--motion--duration-trace);
	--softone-ease-standard: var(--wp--custom--motion--ease-standard);
	--softone-offset-plate: var(--wp--custom--offset-plate);

	--softone-container-width: var(--wp--style--global--wide-size);
	--softone-content-width: var(--wp--style--global--content-size);
	--softone-gutter-desktop: var(--wp--custom--layout--gutter-desktop);
	--softone-gutter-tablet: var(--wp--custom--layout--gutter-tablet);
	--softone-gutter-mobile: var(--wp--custom--layout--gutter-mobile);
}

@media (max-width: 640px) {
	body,
	.editor-styles-wrapper {
		--wp--preset--font-size--display-xl: var(--wp--custom--typography--mobile--display-xl);
		--wp--preset--font-size--heading-1: var(--wp--custom--typography--mobile--heading-1);
		--wp--preset--font-size--heading-2: var(--wp--custom--typography--mobile--heading-2);
		--wp--preset--font-size--heading-3: var(--wp--custom--typography--mobile--heading-3);
		--wp--preset--font-size--body-large: var(--wp--custom--typography--mobile--body-large);
	}
}