:root { --primary: hsl(353, 93%, 63%); --primary-ultra-dark: hsl(353, 93%, 8%); --primary-dark: hsl(353, 93%, 23%); --primary-semi-dark: hsl(353, 93%, 33%); --primary-semi-light: hsl(353, 93%, 63%); --primary-light: hsl(353, 93%, 83%); --primary-ultra-light: hsl(353, 93%, 93%); --neutral: hsl(0, 0%, 6%); --neutral-ultra-dark: hsl(0, 0%, 6%); --neutral-dark: hsl(0, 0%, 21%); --neutral-semi-dark: hsl(0, 0%, 31%); --neutral-semi-light: hsl(0, 0%, 61%); --neutral-light: hsl(0, 0%, 81%); --neutral-ultra-light: hsl(60, 11%, 96%); --neutral-trans-90: hsla(0, 0%, 6%, 0.9); --neutral-trans-80: hsla(0, 0%, 6%, 0.8); --neutral-trans-70: hsla(0, 0%, 6%, 0.7); --neutral-trans-60: hsla(0, 0%, 6%, 0.6); --neutral-trans-50: hsla(0, 0%, 6%, 0.5); --neutral-trans-40: hsla(0, 0%, 6%, 0.4); --neutral-trans-30: hsla(0, 0%, 6%, 0.3); --neutral-trans-20: hsla(0, 0%, 6%, 0.2); --neutral-trans-10: hsla(0, 0%, 6%, 0.1); --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); --space-xs: clamp(0.625rem, calc((0.625 - (0.125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.125 / (var(--vp-max) - var(--vp-min))) * 100vw), 0.75rem); --space-s: clamp(0.875rem, calc((0.875 - (0.125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.125 / (var(--vp-max) - var(--vp-min))) * 100vw), 1rem); --space-m: clamp(1.25rem, calc((1.25 - (0.25 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.25 / (var(--vp-max) - var(--vp-min))) * 100vw), 1.5rem); --space-l: clamp(1.5rem, calc((1.5 - (0.5 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.5 / (var(--vp-max) - var(--vp-min))) * 100vw), 2rem); --space-xl: clamp(2.5rem, calc((2.5 - (0.5 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.5 / (var(--vp-max) - var(--vp-min))) * 100vw), 3rem); --space-xxl: clamp(3.5rem, calc((3.5 - (0.5 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.5 / (var(--vp-max) - var(--vp-min))) * 100vw), 4rem); --section-space-xs: clamp(2.4375rem, calc((2.4375 - (0.5625 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.5625 / (var(--vp-max) - var(--vp-min))) * 100vw), 3rem); --section-space-s: clamp(3.6875rem, calc((3.6875 - (0.8125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.8125 / (var(--vp-max) - var(--vp-min))) * 100vw), 4.5rem); --section-space-m: clamp(5.5rem, calc((5.5 - (1.25 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (1.25 / (var(--vp-max) - var(--vp-min))) * 100vw), 6.75rem); --section-space-l: clamp(8.25rem, calc((8.25 - (1.875 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (1.875 / (var(--vp-max) - var(--vp-min))) * 100vw), 10.125rem); --section-space-xl: clamp(12.375rem, calc((12.375 - (2.8125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (2.8125 / (var(--vp-max) - var(--vp-min))) * 100vw), 15.1875rem); --section-space-xxl: clamp(18.5625rem, calc((18.5625 - (4.25 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (4.25 / (var(--vp-max) - var(--vp-min))) * 100vw), 22.8125rem); --text-xs: clamp(0.625rem, calc((0.625 - (0.125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.125 / (var(--vp-max) - var(--vp-min))) * 100vw), 0.75rem); --text-s: clamp(0.75rem, calc((0.75 - (0.125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.125 / (var(--vp-max) - var(--vp-min))) * 100vw), 0.875rem); --text-m: clamp(1rem, calc((1 - (0.125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.125 / (var(--vp-max) - var(--vp-min))) * 100vw), 1.125rem); --text-l: clamp(1.125rem, calc((1.125 - (0.125 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.125 / (var(--vp-max) - var(--vp-min))) * 100vw), 1.25rem); --text-xl: clamp(1.25rem, calc((1.25 - (0.5 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.5 / (var(--vp-max) - var(--vp-min))) * 100vw), 1.75rem); --text-xxl: clamp(1.5rem, calc((1.5 - (0.5 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.5 / (var(--vp-max) - var(--vp-min))) * 100vw), 2rem); --line-height-body: 1.5; --letter-spacing-body: -0.05em; --text-color: var(--neutral-trans-70); --text-weight: 400; --body-font-family: Gotham, sans-serif; --h1: clamp(3rem, calc((3 - (2.5 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (2.5 / (var(--vp-max) - var(--vp-min))) * 100vw), 5.5rem); --h2: clamp(2.5rem, calc((2.5 - (2 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (2 / (var(--vp-max) - var(--vp-min))) * 100vw), 4.5rem); --h3: clamp(1.5rem, calc((1.5 - (2 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (2 / (var(--vp-max) - var(--vp-min))) * 100vw), 3.5rem); --h4: clamp(1.5rem, calc((1.5 - (1 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (1 / (var(--vp-max) - var(--vp-min))) * 100vw), 2.5rem); --h5: clamp(1rem, calc((1 - (1 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (1 / (var(--vp-max) - var(--vp-min))) * 100vw), 2rem); --h6: clamp(1.125rem, calc((1.125 - (0.375 / (var(--vp-max) - var(--vp-min))) * var(--vp-min)) * 1rem + (0.375 / (var(--vp-max) - var(--vp-min))) * 100vw), 1.5rem); --line-height-heading: 1.2; --letter-spacing-heading: -0.05em; --heading-color: var(--neutral); --heading-weight: 700; --heading-font-family: Gotham, sans-serif;}