@import url("./size-tokens.css");

/**
 * Legacy size aliases mapped to the internal size scale.
 */
:root {
	/* Legacy size scale */
	--esd-size-scale: 1;
	--esd-radius-scale: 1;
	--esd-border-scale: 1;

	/* Legacy size tokens */
	--esd-size-xxxs: var(--esd-size-half);
	--esd-size-xxs: var(--esd-size-1);
	--esd-size-xs: var(--esd-size-2);
	--esd-size-s: var(--esd-size-3);
	--esd-size-m: var(--esd-size-4);
	--esd-size-m-plus: var(--esd-size-5);
	--esd-size-l: var(--esd-size-6);
	--esd-size-xl: var(--esd-size-8);
	--esd-size-xxl: var(--esd-size-16);
	--esd-size-xxxl: var(--esd-size-32);

	/* Legacy radius tokens */
	--esd-border-radius-xs: var(--esd-radius-1);
	--esd-border-radius-s: var(--esd-radius-2);
	--esd-border-radius-m: var(--esd-radius-4);
	--esd-border-radius-l: var(--esd-radius-6);
	--esd-border-radius-pill: var(--esd-radius-pill);

	/* Legacy border tokens */
	--esd-border-width-xs: var(--esd-border-1);
	--esd-border-width-s: var(--esd-border-2);
}