:root {
	/* Palette — values live in theme.json. */
	--color-white: var(--wp--preset--color--white);
	--color-dark: var(--wp--preset--color--dark);
	--color-green: var(--wp--preset--color--green);
	--color-purple: var(--wp--preset--color--purple);
	--color-red: var(--wp--preset--color--red);

	--font-family-body: var(--wp--preset--font-family--dm-sans);
	--font-family-heading: var(--wp--preset--font-family--fraunces);
	--font-size-heading-xl: var(--wp--preset--font-size--heading-xl);
	--font-size-heading-sm: var(--wp--preset--font-size--heading-sm);
	--font-size-body-lg: var(--wp--preset--font-size--body-lg);
	--font-size-body: var(--wp--preset--font-size--body);
	--font-size-small: var(--wp--preset--font-size--small);

	--type-size-eyebrow-small: var(--wp--custom--typography--eyebrow--small);
	--type-size-eyebrow-medium: var(--wp--custom--typography--eyebrow--medium);
	--type-size-eyebrow-large: var(--wp--custom--typography--eyebrow--large);
	--type-size-heading-xs: var(--wp--custom--typography--heading--xs);
	--type-size-heading-small: var(--wp--custom--typography--heading--small);
	--type-size-heading-medium: var(--wp--custom--typography--heading--medium);
	--type-size-heading-large: var(--wp--custom--typography--heading--large);
	--type-size-heading-xl: var(--wp--custom--typography--heading--xl);
	--type-size-heading-xxl: var(--wp--custom--typography--heading--xxl);
	--type-size-body-xs: var(--wp--custom--typography--body--xs);
	--type-size-body-small: var(--wp--custom--typography--body--small);
	--type-size-body-medium: var(--wp--custom--typography--body--medium);
	--type-size-body-large: var(--wp--custom--typography--body--large);
	--type-size-body-xl: var(--wp--custom--typography--body--xl);

	--space-section-compact: var(--wp--custom--space--section-compact);
	--space-section-standard: var(--wp--custom--space--section-standard);
	--space-section-spacious: var(--wp--custom--space--section-spacious);
	--width-content-standard: var(--wp--custom--width--content-standard);
	--width-content-wide: var(--wp--custom--width--content-wide);

	--radius-small: 0;
	--radius-large: 0;
	--radius-pill: 0;

	--ratio-square: var(--wp--custom--ratio--square);
	--ratio-portrait: var(--wp--custom--ratio--portrait);
	--ratio-landscape: var(--wp--custom--ratio--landscape);
	--ratio-wide: var(--wp--custom--ratio--wide);

	--motion-fast: var(--wp--custom--motion--fast);
	--motion-ease: var(--wp--custom--motion--ease);
}
