/*

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

1950	→
1440	→
720		→
375		→

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

*/

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

	--wp--custom--layout--margin: 5rem;
}