:root { --primary: hsla(17, 57%, 93%, 1); --secondary: hsla(7, 87%, 67%, 1); --tertiary: hsla(359, 34%, 53%, 1); --accent: hsla(0, 44%, 27%, 1); --white: hsla(0, 0%, 100%, 1); --black: hsla(0, 0%, 10%, 1); --btn-bg: hsla(0, 44%, 27%, 1); --btn-bg-hover: red; --btn-text: hsla(0, 0%, 100%, 1); --btn-text-hover: hsla(0, 0%, 100%, 1); --neutral: hsla(48, 29%, 97%, 1); --spacing-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --spacing-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --spacing-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --spacing-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --spacing-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --spacing-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --spacing-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}