/*

Legacy table conversion

wp/val	-> DS1/val	-> UI kit/val
(old wp)				 (new wp)

 10/4	-> xxxs/4	-> 3xs/4
 20/8	->  xxs/8	-> 2xs/8
 30/12	->	 xs/12	->  xs/12
 40/16	-> 	  x/16	->   s/16
 45/20	->		ø	->	 ø
 50/24	->	  m/24	->	 m/24
 55/28	->		ø	->	 ø
 60/32	->	  l/32	->	 l/32
 70/40	->	 xl/40	->	 ø
 80/48	->	xxl/48	->	xl/48
 90/56	-> xxxl/56	->	 ø
100/64	->xxxxl/64	-> 2xl/64
110/80	->		ø	->	 ø
120/96 	->		ø	-> 3xl/96
	ø	->		ø	-> 4xl/128

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

*/

:root {
	/* Legacy DS 1 */
	--wp--preset--spacing--10: var(--wp--custom--sizing--4);
	--wp--preset--spacing--20: var(--wp--custom--sizing--8);
	--wp--preset--spacing--30: var(--wp--custom--sizing--12);
	--wp--preset--spacing--40: var(--wp--custom--sizing--16);
	--wp--preset--spacing--45: var(--wp--custom--sizing--20);
	--wp--preset--spacing--50: var(--wp--custom--sizing--24);
	--wp--preset--spacing--55: var(--wp--custom--sizing--28);
	--wp--preset--spacing--60: var(--wp--custom--sizing--32);
	--wp--preset--spacing--70: var(--wp--custom--sizing--40);
	--wp--preset--spacing--80: var(--wp--custom--sizing--48);
	--wp--preset--spacing--90: var(--wp--custom--sizing--56);
	--wp--preset--spacing--100: var(--wp--custom--sizing--64);
	--wp--preset--spacing--110: var(--wp--custom--sizing--80);
	--wp--preset--spacing--120: var(--wp--custom--sizing--96);
}

@media screen and (max-width: 48rem){
	:root {
		--wp--preset--spacing--l: var(--wp--custom--sizing--24);
		--wp--preset--spacing--xl: var(--wp--custom--sizing--40);
		--wp--preset--spacing--xxl: var(--wp--custom--sizing--48);
		--wp--preset--spacing--xxxl: var(--wp--custom--sizing--64);
		--wp--preset--spacing--xxxxl: var(--wp--custom--sizing--96);

		/* Legacy DS 1 */
		--wp--preset--spacing--60: var(--wp--preset--spacing--l);
		--wp--preset--spacing--70: var(--wp--custom--sizing--32); /* ? */
		--wp--preset--spacing--80: var(--wp--preset--spacing--xl);
		--wp--preset--spacing--90: var(--wp--custom--sizing--42); /* ? */
		--wp--preset--spacing--100: var(--wp--preset--spacing--xxl);
		--wp--preset--spacing--110: var(--wp--custom--sizing--56); /* ? */
		--wp--preset--spacing--120: var(--wp--preset--spacing--xxxl);
	}
}

@media screen and (max-width: 23.4375rem){
	:root {
		--wp--preset--spacing--m: var(--wp--custom--sizing--16);
		--wp--preset--spacing--l: var(--wp--custom--sizing--24);
		--wp--preset--spacing--xl: var(--wp--custom--sizing--32);
		--wp--preset--spacing--xxl: var(--wp--custom--sizing--40);
		--wp--preset--spacing--xxxl: var(--wp--custom--sizing--48);
		--wp--preset--spacing--xxxxl: var(--wp--custom--sizing--64);

		/* Legacy DS 1 */
		--wp--preset--spacing--50: var(--wp--preset--spacing--m);
		--wp--preset--spacing--60: var(--wp--preset--spacing--l);
		--wp--preset--spacing--70: var(--wp--custom--sizing--32); /* ? */
		--wp--preset--spacing--80: var(--wp--preset--spacing--xl);
		--wp--preset--spacing--90: var(--wp--custom--sizing--36); /* ? */
		--wp--preset--spacing--100: var(--wp--preset--spacing--xxl);
		--wp--preset--spacing--110: var(--wp--custom--sizing--42); /* ? */
		--wp--preset--spacing--120: var(--wp--preset--spacing--xxl);
	}
}