:root { --color-plommon: #572742; --color-plommon-light: #AB93A1; --color-skog: #374F3E; --color-skog-light: #9BA79F; --color-storm: #00345a; --color-storm-light: #809AAD; --color-apelsin: #EB9032; --color-dark: #222222; --color-black: #000000; --color-plommon-lighter: #DDD4D9; --color-skog-lighter: #D7DCD8; --color-storm-lighter: #CCD6DE; --color-black-light: #808080; --color-black-lighter: #BFBFBF; --space-2xs: clamp(0.4rem, calc(0 * (100vw - 36rem) + 0.4rem), 0.4rem); --space-xs: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --space-s: clamp(1rem, calc(0.005555555555555557 * (100vw - 36rem) + 1rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.012962962962962963 * (100vw - 36rem) + 1.6rem), 3rem); --space-l: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --space-xl: clamp(6rem, calc(0.027777777777777776 * (100vw - 36rem) + 6rem), 9rem); --space-2xl: clamp(9rem, calc(0.027777777777777776 * (100vw - 36rem) + 9rem), 12rem); --text-body: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-h6: clamp(1.8rem, calc(0.00111111111111111 * (100vw - 36rem) + 1.8rem), 1.92rem); --text-h5: clamp(2.02rem, calc(0.002592592592592591 * (100vw - 36rem) + 2.02rem), 2.3rem); --text-h4: clamp(2.28rem, calc(0.0044444444444444444 * (100vw - 36rem) + 2.28rem), 2.76rem); --text-h3: clamp(2.56rem, calc(0.007037037037037035 * (100vw - 36rem) + 2.56rem), 3.32rem); --text-h2: clamp(2.88rem, calc(0.010185185185185186 * (100vw - 36rem) + 2.88rem), 3.98rem); --text-h1: clamp(3.24rem, calc(0.01425925925925926 * (100vw - 36rem) + 3.24rem), 4.78rem);}