:root { --primary: hsl(37, 40%, 67%); --primary-light: hsl(36, 36%, 95%); --primary-dark: hsla(38, 40%, 25%, 0.7); --grey-light: hsl(210, 29%, 97%); --white: hsl(0, 0%, 100%); --text-light-muted: hsla(0, 0%, 100%, 0.8); --semi-dark: hsl(0, 0%, 13%); --dark: hsl(0, 0%, 11%); --black: hsl(0, 0%, 0%); --text-dark-muted: hsla(0, 0%, 0%, 0.8); --border: hsl(0, 0%, 91%); --info: hsl(210, 76%, 54%); --success: hsl(124, 58%, 57%); --warning: hsl(29, 62%, 63%); --danger: hsl(0, 75%, 61%); --space-2xs: clamp(0.95rem, calc(0.00046296296296296336 * (100vw - 36rem) + 0.95rem), 1rem); --space-xs: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --space-s: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --space-m: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-l: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --space-xl: clamp(4.25rem, calc(0.023148148148148147 * (100vw - 36rem) + 4.25rem), 6.75rem); --space-2xl: clamp(5.6rem, calc(0.031481481481481485 * (100vw - 36rem) + 5.6rem), 9rem); --section-space-s: clamp(4rem, calc(0.03479125248508946 * (100vw - 36rem) + 4rem), 7.5rem); --section-space-m: clamp(4.8rem, calc(0.04174950298210736 * (100vw - 36rem) + 4.8rem), 9rem); --section-space-l: clamp(5.76rem, calc(0.05009940357852884 * (100vw - 36rem) + 5.76rem), 10.8rem); --gutter: clamp(2.4rem, calc(0.03333333333333333 * (100vw - 36rem) + 2.4rem), 6rem); --text-2xs: clamp(1.1rem, calc(0.000956022944550668 * (100vw - 32rem) + 1.1rem), 1.2rem); --text-xs: clamp(1.2rem, calc(0.0009560229445506702 * (100vw - 32rem) + 1.2rem), 1.3rem); --text-s: clamp(1.3rem, calc(0.000956022944550668 * (100vw - 32rem) + 1.3rem), 1.4rem); --text-m: clamp(1.6rem, calc(0.000956022944550668 * (100vw - 32rem) + 1.6rem), 1.7rem); --text-l: clamp(1.92rem, calc(0.0033460803059273433 * (100vw - 32rem) + 1.92rem), 2.27rem); --text-xl: clamp(2.3rem, calc(0.00688336520076482 * (100vw - 32rem) + 2.3rem), 3.02rem); --text-2xl: clamp(2.76rem, calc(0.012141491395793505 * (100vw - 32rem) + 2.76rem), 4.03rem); --h1-hero-home: clamp(2.2rem, calc(0.026768642447418736 * (100vw - 32rem) + 2.2rem), 5rem);}