/*
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: 42px;/*	XL	->	L		*/
	--wp--preset--font-size--xxl: 28px;	/*	L  	->	S		*/
	--wp--preset--font-size--xl: 24px;	/*	M  	->	XS		*/
	--wp--preset--font-size--l: 20px;	/*	S  	-> 	2XS		*/
	--wp--preset--font-size--m: 16px;	/*	XS 	->	bodyS	*/

	/* Body					 wp ->			DS1				*/
	--wp--preset--font-size--s: 14px;	/* 	S  				*/
	--wp--preset--font-size--xs: 12px;	/* 	XS 				*/

}

.has-xxxl-font-size	{ font-size: var(--wp--preset--font-size--xxxl)	!important }
.has-xxl-font-size	{ font-size: var(--wp--preset--font-size--xxl)	!important }
.has-xl-font-size	{ font-size: var(--wp--preset--font-size--xl)	!important }
.has-l-font-size	{ font-size: var(--wp--preset--font-size--l)	!important }
.has-m-font-size	{ font-size: var(--wp--preset--font-size--m)	!important }
.has-s-font-size	{ font-size: var(--wp--preset--font-size--s)	!important }
.has-xs-font-size	{ font-size: var(--wp--preset--font-size--xs)	!important }

@media screen and (max-width: 48rem){
	:root {
		--wp--preset--font-size--xxxl: 36px;
		--wp--preset--font-size--xxl: 24px;
		--wp--preset--font-size--xl: 20px;
		*:not(p):not(a):not(li) {
			--wp--preset--font-size--l: 16px;
			--wp--preset--font-size--m: 14px;
		}

	}
}

@media screen and (max-width: 23.4375rem){
	:root {
		--wp--preset--font-size--xxxl: 32px;
		--wp--preset--font-size--xxl: 20px;
		--wp--preset--font-size--xl: 16px;
		*:not(p):not(a):not(li) {
			--wp--preset--font-size--l: 14px;
			--wp--preset--font-size--m: 14px;
		}

	}
}