:root { --primary: hsl(346, 100%, 45%); --primary-ultra-dark: hsl(346, 100%, 5%); --primary-dark: hsl(357, 92%, 28%); --primary-semi-dark: hsl(346, 100%, 30%); --primary-hover: hsl(346, 100%, 38%); --primary-semi-light: hsl(346, 100%, 60%); --primary-light: hsl(346, 100%, 80%); --primary-ultra-light: hsl(346, 100%, 90%); --neutral: hsl(0, 0%, 11%); --neutral-ultra-dark: hsl(0, 0%, 10%); --neutral-dark: hsl(0, 0%, 25%); --neutral-semi-dark: hsl(0, 0%, 35%); --neutral-hover: hsl(0, 0%, 9%); --neutral-semi-light: hsl(0, 0%, 65%); --neutral-light: hsl(0, 0%, 85%); --neutral-ultra-light: hsl(0, 0%, 95%); --neutral-trans-90: hsla(0, 0%, 11%, 0.9); --neutral-trans-80: hsla(0, 0%, 11%, 0.8); --neutral-trans-70: hsla(0, 0%, 11%, 0.7); --neutral-trans-60: hsla(0, 0%, 11%, 0.6); --neutral-trans-50: hsla(0, 0%, 11%, 0.5); --neutral-trans-40: hsla(0, 0%, 11%, 0.4); --neutral-trans-30: hsla(0, 0%, 11%, 0.3); --neutral-trans-20: hsla(0, 0%, 11%, 0.2); --neutral-trans-10: hsla(0, 0%, 11%, 0.1); --accent: hsl(175, 63%, 59%); --accent-ultra-dark: hsl(175, 63%, 5%); --accent-dark: hsl(166, 30%, 27%); --accent-semi-dark: hsl(175, 63%, 29%); --accent-hover: hsl(175, 63%, 50%); --accent-semi-light: hsl(175, 63%, 59%); --accent-light: hsl(175, 63%, 79%); --accent-ultra-light: hsl(175, 63%, 89%); --base: hsl(0, 0%, 98%); --base-ultra-dark: hsl(0, 0%, 10%); --base-dark: hsl(0, 0%, 25%); --base-semi-dark: hsl(0, 0%, 35%); --base-hover: hsl(0, 0%, 83%); --base-semi-light: hsl(0, 0%, 65%); --base-light: hsl(0, 0%, 85%); --base-ultra-light: hsl(0, 0%, 95%); --base-trans-90: hsla(0, 0%, 98%, 0.9); --base-trans-80: hsla(0, 0%, 98%, 0.8); --base-trans-70: hsla(0, 0%, 98%, 0.7); --base-trans-60: hsla(0, 0%, 98%, 0.6); --base-trans-50: hsla(0, 0%, 98%, 0.5); --base-trans-40: hsla(0, 0%, 98%, 0.4); --base-trans-30: hsla(0, 0%, 98%, 0.3); --base-trans-20: hsla(0, 0%, 98%, 0.2); --base-trans-10: hsla(0, 0%, 98%, 0.1); --secondary: hsl(357, 92%, 28%); --secondary-ultra-dark: hsl(357, 92%, 10%); --secondary-dark: hsl(357, 92%, 25%); --secondary-semi-dark: hsl(357, 92%, 35%); --secondary-hover: hsl(357, 92%, 24%); --secondary-semi-light: hsl(357, 92%, 65%); --secondary-light: hsl(357, 92%, 85%); --secondary-ultra-light: hsl(357, 92%, 95%); --tertiary: hsl(166, 30%, 27%); --tertiary-ultra-dark: hsl(166, 30%, 10%); --tertiary-dark: hsl(166, 30%, 25%); --tertiary-semi-dark: hsl(166, 30%, 35%); --tertiary-hover: hsl(166, 30%, 23%); --tertiary-semi-light: hsl(166, 30%, 65%); --tertiary-light: hsl(166, 30%, 85%); --tertiary-ultra-light: hsl(166, 30%, 95%); --white: hsl(0, 0%, 100%); --white-trans-90: hsla(0, 0%, 100%, 0.9); --white-trans-80: hsla(0, 0%, 100%, 0.8); --white-trans-70: hsla(0, 0%, 100%, 0.7); --white-trans-60: hsla(0, 0%, 100%, 0.6); --white-trans-50: hsla(0, 0%, 100%, 0.5); --white-trans-40: hsla(0, 0%, 100%, 0.4); --white-trans-30: hsla(0, 0%, 100%, 0.3); --white-trans-20: hsla(0, 0%, 100%, 0.2); --white-trans-10: hsla(0, 0%, 100%, 0.1); --black: hsl(0, 0%, 0%); --black-trans-90: hsla(0, 0%, 0%, 0.9); --black-trans-80: hsla(0, 0%, 0%, 0.8); --black-trans-70: hsla(0, 0%, 0%, 0.7); --black-trans-60: hsla(0, 0%, 0%, 0.6); --black-trans-50: hsla(0, 0%, 0%, 0.5); --black-trans-40: hsla(0, 0%, 0%, 0.4); --black-trans-30: hsla(0, 0%, 0%, 0.3); --black-trans-20: hsla(0, 0%, 0%, 0.2); --black-trans-10: hsla(0, 0%, 0%, 0.1); --space-xs: clamp(0.625rem, calc(0.5732rem + 0.221vw), 0.75rem); --space-s: clamp(0.875rem, calc(0.8232rem + 0.221vw), 1rem); --space-m: clamp(1.25rem, calc(1.1464rem + 0.442vw), 1.5rem); --space-l: clamp(1.75rem, calc(1.6464rem + 0.442vw), 2rem); --space-xl: clamp(2.5rem, calc(2.2928rem + 0.884vw), 3rem); --space-xxl: clamp(3.5rem, calc(3.2928rem + 0.884vw), 4rem); --section-space-xs: clamp(3.5rem, calc(3.2928rem + 0.884vw), 4rem); --section-space-s: clamp(4rem, calc(3.5856rem + 1.768vw), 5rem); --section-space-m: clamp(5rem, calc(3.9641rem + 4.4199vw), 7.5rem); --section-space-l: clamp(7.5rem, calc(6.3605rem + 4.8619vw), 10.25rem); --section-space-xl: clamp(11.125rem, calc(10.2186rem + 3.8674vw), 13.3125rem); --section-space-xxl: clamp(14.8125rem, calc(13.5953rem + 5.1934vw), 17.75rem); --text-xs: clamp(0.625rem, calc(0.5732rem + 0.221vw), 0.75rem); --text-s: clamp(0.8125rem, calc(0.7866rem + 0.1105vw), 0.875rem); --text-m: clamp(1rem, calc(0.9482rem + 0.221vw), 1.125rem); --text-l: clamp(1.25rem, calc(1.1723rem + 0.3315vw), 1.4375rem); --text-xl: clamp(1.5625rem, calc(1.4848rem + 0.3315vw), 1.75rem); --text-xxl: clamp(1.9375rem, calc(1.8339rem + 0.442vw), 2.1875rem); --line-height-body: 1.6; --letter-spacing-body: 0em; --text-color: var(--black); --text-weight: 400; --body-font-family: Work Sans, sans-serif; --h1: clamp(2.75rem, calc(2.4651rem + 1.2155vw), 3.4375rem); --h2: clamp(2.1875rem, calc(1.9544rem + 0.9945vw), 2.75rem); --h3: clamp(1.75rem, calc(1.5687rem + 0.7735vw), 2.1875rem); --h4: clamp(1.375rem, calc(1.2196rem + 0.663vw), 1.75rem); --h5: clamp(1.125rem, calc(1.0214rem + 0.442vw), 1.375rem); --h6: clamp(0.875rem, calc(0.7714rem + 0.442vw), 1.125rem); --line-height-heading: 1.2; --letter-spacing-heading: -0.02em; --heading-color: var(--black); --heading-weight: 700; --heading-font-family: Raffined Serif, sans-serif;}