:root { --text: rgba(17, 17, 17, 1); --accent: rgba(15, 138, 16, 1); --grey: rgba(240, 240, 240, 1); --orange: rgba(250, 187, 5, 1); --pink: rgba(223, 25, 88, 1); --white: #fff; --border: rgba(206, 215, 204, 1); --gray: rgba(102, 102, 102, 1); --light-green: #F5FAF5; --gray-light: rgba(153, 153, 153, 1); --tło-menu: hsl(220, 33%, 97%); --font-size-1: clamp(3.6rem, calc(0.02592592592592593 * (100vw - 36rem) + 3.6rem), 6.4rem); --font-size-2: clamp(2.8rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.8rem), 4rem); --font-size-3: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem); --font-size-4: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --font-size-5: clamp(1.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.4rem), 2rem); --font-size-6: clamp(14px, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --space-2xs: clamp(0.4rem, calc(0.003703703703703704 * (100vw - 36rem) + 0.4rem), 0.8rem); --space-xs: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --space-s: clamp(1.4rem, calc(0.009259259259259259 * (100vw - 36rem) + 1.4rem), 2.4rem); --space-m: clamp(2.2rem, calc(0.012962962962962963 * (100vw - 36rem) + 2.2rem), 3.6rem); --space-l: clamp(3rem, calc(0.016666666666666666 * (100vw - 36rem) + 3rem), 4.8rem); --space-xl: clamp(4rem, calc(0.022222222222222227 * (100vw - 36rem) + 4rem), 6.4rem); --space-2xl: clamp(5.2rem, calc(0.04074074074074074 * (100vw - 36rem) + 5.2rem), 9.6rem);}