/*
desktop 1440
tablette 768 / 48rem
mobile 375 / 23.4375rem

Legacy: related to DS v1

*/

/* legacy DS v1 */
:root {
	/* Heading				 wp ->										DS1	->	UI kit	*/
	--wp--preset--font-size--xxxl: var(--wp--custom--sizing--42);	/*	XL	->	L		*/
	--wp--preset--font-size--xxl: var(--wp--custom--sizing--28);	/*	L  	->	S		*/
	--wp--preset--font-size--xl: var(--wp--custom--sizing--24);		/*	M  	->	XS		*/
	--wp--preset--font-size--l: var(--wp--custom--sizing--20);		/*	S  	-> 	2XS		*/
	--wp--preset--font-size--m: var(--wp--custom--sizing--16);		/*	XS 	->	bodyS	*/

	/* Body					 wp ->									   	DS1				*/									
	--wp--preset--font-size--s: var(--wp--custom--sizing--14);		/* 	S  				*/		
	--wp--preset--font-size--xs: var(--wp--custom--sizing--12);		/* 	XS 				*/
}

@media screen and (max-width: 48rem){
	:root {
		--wp--preset--font-size--heading-xl: var(--wp--custom--sizing--48);
		--wp--preset--font-size--heading-l: var(--wp--custom--sizing--36);
		--wp--preset--font-size--heading-m: var(--wp--custom--sizing--32);
		--wp--preset--font-size--heading-s: var(--wp--custom--sizing--24);
		--wp--preset--font-size--heading-xs: var(--wp--custom--sizing--20);
		--wp--preset--font-size--heading-xxs: var(--wp--custom--sizing--16);

		/* legacy DS v1 */
		--wp--preset--font-size--xxxl: var(--wp--custom--sizing--36);
		--wp--preset--font-size--xxl: var(--wp--custom--sizing--24);
		--wp--preset--font-size--xl: var(--wp--custom--sizing--20);
		*:not(p):not(a):not(li) {
			--wp--preset--font-size--l: var(--wp--custom--sizing--16);
			--wp--preset--font-size--m: var(--wp--custom--sizing--14);
		}

	}
}

@media screen and (max-width: 23.4375rem){
	:root {
		--wp--preset--font-size--heading-xl: var(--wp--custom--sizing--40);
		--wp--preset--font-size--heading-l: var(--wp--custom--sizing--32);
		--wp--preset--font-size--heading-m: var(--wp--custom--sizing--28);
		--wp--preset--font-size--heading-s: var(--wp--custom--sizing--20);
		--wp--preset--font-size--heading-xs: var(--wp--custom--sizing--16);
		--wp--preset--font-size--heading-xxs: var(--wp--custom--sizing--14);

		/* legacy DS v1 */
		--wp--preset--font-size--xxxl: var(--wp--custom--sizing--32);
		--wp--preset--font-size--xxl: var(--wp--custom--sizing--20);
		--wp--preset--font-size--xl: var(--wp--custom--sizing--16);
		*:not(p):not(a):not(li) {
			--wp--preset--font-size--l: var(--wp--custom--sizing--14);
			--wp--preset--font-size--m: var(--wp--custom--sizing--14);
		}

	}
}