/* theme.json is the value source. These aliases keep handwritten CSS readable. */
:root,
.editor-styles-wrapper {
	--dsf-color-primary: var(--wp--preset--color--navy);
	--dsf-color-accent: var(--wp--preset--color--blue);
	--dsf-color-accent-hover: var(--wp--preset--color--blue-hover);
	--dsf-color-tint: var(--wp--preset--color--light-blue);
	--dsf-color-background: var(--wp--preset--color--background);
	--dsf-color-surface: var(--wp--preset--color--white);
	--dsf-color-text: var(--wp--preset--color--text);
	--dsf-color-muted: var(--wp--preset--color--muted);
	--dsf-color-border: var(--wp--preset--color--border);
	--dsf-color-control-border: var(--wp--preset--color--control-border);
	--dsf-color-error: var(--wp--preset--color--error);
	--dsf-font-body: var(--wp--preset--font-family--body);
	--dsf-font-heading: var(--wp--preset--font-family--heading);
	--dsf-text-small: var(--wp--preset--font-size--small);
	--dsf-text-body: var(--wp--preset--font-size--body);
	--dsf-text-lead: var(--wp--preset--font-size--lead);
	--dsf-text-h3: var(--wp--preset--font-size--heading-three);
	--dsf-text-h2: var(--wp--preset--font-size--heading-two);
	--dsf-text-h1: var(--wp--preset--font-size--heading-one);
	--dsf-space-1: var(--wp--preset--spacing--1);
	--dsf-space-2: var(--wp--preset--spacing--2);
	--dsf-space-3: var(--wp--preset--spacing--3);
	--dsf-space-4: var(--wp--preset--spacing--4);
	--dsf-space-5: var(--wp--preset--spacing--5);
	--dsf-space-6: var(--wp--preset--spacing--6);
	--dsf-space-7: var(--wp--preset--spacing--7);
	--dsf-space-8: var(--wp--preset--spacing--8);
	--dsf-space-9: var(--wp--preset--spacing--9);
	--dsf-width-content: var(--wp--style--global--content-size);
	--dsf-width-wide: var(--wp--style--global--wide-size);
	--dsf-gutter: var(--wp--custom--layout--gutter);
	--dsf-measure: var(--wp--custom--layout--measure);
	--dsf-section-space: var(--wp--custom--layout--section-space);
	--dsf-radius-small: var(--wp--custom--radius--small);
	--dsf-radius-medium: var(--wp--custom--radius--medium);
	--dsf-radius-large: var(--wp--custom--radius--large);
	--dsf-shadow-raised: var(--wp--custom--shadow--raised);
	--dsf-duration-fast: var(--wp--custom--motion--fast);
	--dsf-duration-normal: var(--wp--custom--motion--normal);
	--dsf-ease: var(--wp--custom--motion--ease);
}