:root { --color-primary: var(--color-brand-teal); --color-light-bg: var(--color-neutral-100); --color-dark-bg: var(--color-neutral-950); --color-headings: var(--color-brand-teal); --color-text-dark: var(--color-neutral-950); --color-text-light: var(--color-neutral-50); --color-link: var(--color-brand-orange); --color-link-hover: var(--color-brand-orange); --color-border: var(--color-brand-cream-alt); --color-content-background: var(--color-neutral-50); --color-site-bg: var(--color-neutral-300); --color-box-shadow: #0C0D0D26; --color-neutral-white: #ffffff; --color-neutral-50: #FAFBFB; --color-neutral-100: #F1F3F3; --color-neutral-200: #DFE2E2; --color-neutral-300: #C4C9CA; --color-neutral-400: #ABB1B2; --color-neutral-500: #879091; --color-neutral-600: #676F70; --color-neutral-700: #444A4A; --color-neutral-800: #2C3030; --color-neutral-900: #181B1B; --color-neutral-950: #0C0D0D; --color-neutral-black: #000000; --color-brand-teal: #2a6774; --color-brand-teal-alt: #47a7bd; --color-brand-orange: #f35e07; --color-brand-orange-alt: #fa9c66; --color-brand-cream: #f4f0eb; --color-brand-cream-alt: #d0bfa9; --text-2xs: clamp(0.7rem, calc(0.00028571428571428595 * (100vw - 20rem) + 0.7rem), 0.72rem); --text-xs: clamp(0.79rem, calc(0.0011428571428571423 * (100vw - 20rem) + 0.79rem), 0.87rem); --text-s: clamp(0.89rem, calc(0.002142857142857143 * (100vw - 20rem) + 0.89rem), 1.04rem); --text-m: clamp(1rem, calc(0.0035714285714285713 * (100vw - 20rem) + 1rem), 1.25rem); --text-l: clamp(1.13rem, calc(0.005285714285714287 * (100vw - 20rem) + 1.13rem), 1.5rem); --text-xl: clamp(1.27rem, calc(0.007571428571428572 * (100vw - 20rem) + 1.27rem), 1.8rem); --text-2xl: clamp(1.42rem, calc(0.010571428571428574 * (100vw - 20rem) + 1.42rem), 2.16rem); --h4: clamp(0.98rem, calc(0.0021428571428571417 * (100vw - 20rem) + 0.98rem), 1.13rem); --h3: clamp(1.31rem, calc(0.004 * (100vw - 20rem) + 1.31rem), 1.59rem); --h2: clamp(1.75rem, calc(0.007142857142857143 * (100vw - 20rem) + 1.75rem), 2.25rem); --h1: clamp(2.33rem, calc(0.012142857142857144 * (100vw - 20rem) + 2.33rem), 3.18rem); --h-display: clamp(3.11rem, calc(0.019857142857142858 * (100vw - 20rem) + 3.11rem), 4.5rem); --space-2xs: clamp(0.77rem, calc(0.0041428571428571434 * (100vw - 20rem) + 0.77rem), 1.06rem); --space-xs: clamp(0.96rem, calc(0.006428571428571428 * (100vw - 20rem) + 0.96rem), 1.41rem); --space-s: clamp(1.2rem, calc(0.009714285714285713 * (100vw - 20rem) + 1.2rem), 1.88rem); --space-m: clamp(1.5rem, calc(0.014285714285714285 * (100vw - 20rem) + 1.5rem), 2.5rem); --space-l: clamp(1.88rem, calc(0.020714285714285716 * (100vw - 20rem) + 1.88rem), 3.33rem); --space-xl: clamp(2.34rem, calc(0.03000000000000001 * (100vw - 20rem) + 2.34rem), 4.44rem); --space-2xl: clamp(2.93rem, calc(0.04271428571428571 * (100vw - 20rem) + 2.93rem), 5.92rem); --section-space-2xs: clamp(2.17rem, calc(-0.009857142857142856 * (100vw - 20rem) + 2.17rem), 1.48rem); --section-space-xs: clamp(2.6rem, calc(-0.005428571428571427 * (100vw - 20rem) + 2.6rem), 2.22rem); --section-space-s: clamp(3.13rem, calc(0.0028571428571428597 * (100vw - 20rem) + 3.13rem), 3.33rem); --section-space-m: clamp(3.75rem, calc(0.017857142857142856 * (100vw - 20rem) + 3.75rem), 5rem); --section-space-l: clamp(4.5rem, calc(0.04285714285714286 * (100vw - 20rem) + 4.5rem), 7.5rem); --section-space-xl: clamp(5.4rem, calc(0.08357142857142856 * (100vw - 20rem) + 5.4rem), 11.25rem); --section-space-2xl: clamp(6.48rem, calc(0.14857142857142855 * (100vw - 20rem) + 6.48rem), 16.88rem);}