:root,
.editor-styles-wrapper {
	--on-primary-color-text: var(--color-white);
	--on-primary-color-text-highlight: var(--color-primary-focus);
	--on-primary-color-button-background: var(--color-primary-focus);
	--on-primary-color-button-text: var(--color-white);
	--on-primary-color-tag-background: var(--color-primary-focus);
	--on-primary-color-tag-text: var(--color-white);

	--on-primary-focus-color-text: var(--color-white);
	--on-primary-focus-color-text-highlight: var(--color-primary);
	--on-primary-focus-color-button-background: var(--color-primary);
	--on-primary-focus-color-button-text: var(--color-white);
	--on-primary-focus-color-tag-background: var(--color-primary);
	--on-primary-focus-color-tag-text: var(--color-white);

	--on-primary-light-color-text: var(--color-white);
	--on-primary-light-color-text-highlight: var(--color-primary);
	--on-primary-light-color-button-background: var(--color-primary);
	--on-primary-light-color-button-text: var(--color-white);
	--on-primary-light-color-tag-background: var(--color-primary);
	--on-primary-light-color-tag-text: var(--color-white);

	--on-primary-extra-light-color-text: var(--color-dark);
	--on-primary-extra-light-color-text-highlight: var(--color-primary);
	--on-primary-extra-light-color-button-background: var(--color-primary);
	--on-primary-extra-light-color-button-text: var(--color-white);
	--on-primary-extra-light-color-tag-background: var(--color-primary);
	--on-primary-extra-light-color-tag-text: var(--color-white);

	--on-primary-subtle-color-text: var(--color-dark);
	--on-primary-subtle-color-text-highlight: var(--color-primary);
	--on-primary-subtle-color-button-background: var(--color-primary-focus);
	--on-primary-subtle-color-button-text: var(--color-primary-focus);
	--on-primary-subtle-color-tag-background: var(--color-primary);
	--on-primary-subtle-color-tag-text: var(--color-white);
}