/* ============================================================
   MAPO - responsive spacing
   Spacing preseti iz theme.json su fiksni px (xl=80, lg=48...) i ne
   skaliraju na mobilnom -> razmaci između/unutar sekcija su preveliki.
   Ovdje ih pretvaramo u fluid clamp(): na širokom ekranu ostaju ISTI
   (cap na max = originalna vrijednost), a na mobilnom se glatko smanje.
   `html:root` ima veću specifičnost od `:root` (global styles) pa pobjeđuje.
   ============================================================ */
html:root {
	--wp--preset--spacing--md:  clamp(18px, 4.5vw, 24px);   /* 24  -> ~18 */
	--wp--preset--spacing--lg:  clamp(28px, 7vw,   48px);   /* 48  -> ~28 */
	--wp--preset--spacing--xl:  clamp(40px, 10vw,  80px);   /* 80  -> ~40 */
	--wp--preset--spacing--2xl: clamp(60px, 15vw,  120px);  /* 120 -> ~60 */
	--wp--preset--spacing--3xl: clamp(90px, 24vw,  200px);  /* 200 -> ~90 */
}