@mixin vars {
	--components-richTextField-borderColor: var(--pr-t-color-input-border);
	--components-richTextField-backgroundColor: var(--pr-t-color-input-background);
	--components-richTextField-color: var(--pr-t-color-input-text);
	--components-richTextField-toolbar-backgroundColor: var(--palettes-neutral-25);
	--components-richTextField-toolbar-display: block;
	--components-richTextField-placeholder-color: var(--pr-t-color-input-text-placeholder);

	// with css vars deprecated before values
	--components-richTextField-content-resize: var(--components-richTextField-resize, vertical);
	--components-richTextField-content-height: var(--components-richTextField-height, calc(3lh + var(--pr-t-spacings-200)));
	--components-richTextField-content-minHeight: var(--components-richTextField-minHeigh, calc(2lh + var(--pr-t-spacings-200)));
	--components-richTextField-content-maxHeight: var(--components-richTextField-maxHeight, 90dvh);
}