:root { --background: #2B2E33; --lettertype-1: #F5F6F7; --hover-button: #7B7F85; --lettertype-2: #C1C4C8; --vakken: #7B7F85; --text-2xs: clamp(0.53rem, calc(0.000555555555555555 * (100vw - 36rem) + 0.53rem), 0.59rem); --text-xs: clamp(0.75rem, calc(0.0012962962962962965 * (100vw - 36rem) + 0.75rem), 0.89rem); --text-s: clamp(1.06rem, calc(0.0025 * (100vw - 36rem) + 1.06rem), 1.33rem); --text-m: clamp(1.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.5rem), 2rem); --text-l: clamp(2.12rem, calc(0.008148148148148147 * (100vw - 36rem) + 2.12rem), 3rem); --text-xl: clamp(3rem, calc(0.013888888888888888 * (100vw - 36rem) + 3rem), 4.5rem); --text-2xl: clamp(4.24rem, calc(0.02324074074074074 * (100vw - 36rem) + 4.24rem), 6.75rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}