:root { --primary: oklch(41.4% 0.095 133); --primary-ultra-dark: oklch(32.3% 0.07 132.8); --primary-dark: oklch(25% 0.095 133); --primary-semi-dark: oklch(35% 0.095 133); --primary-hover: oklch(35.2% 0.095 133); --primary-semi-light: oklch(65% 0.095 133); --primary-light: oklch(85% 0.095 133); --primary-ultra-light: oklch(97.3% 0.02 128.7); --secondary: oklch(98.2% 0.008 91.5); --secondary-ultra-dark: oklch(10% 0.008 91.5); --secondary-dark: oklch(25% 0.008 91.5); --secondary-semi-dark: oklch(35% 0.008 91.5); --secondary-hover: oklch(83.5% 0.008 91.5); --secondary-semi-light: oklch(65% 0.008 91.5); --secondary-light: oklch(85% 0.008 91.5); --secondary-ultra-light: oklch(95% 0.008 91.5); --tertiary: oklch(95.4% 0.013 82.4); --tertiary-ultra-dark: oklch(10% 0.013 82.4); --tertiary-dark: oklch(25% 0.013 82.4); --tertiary-semi-dark: oklch(35% 0.013 82.4); --tertiary-hover: oklch(81.1% 0.013 82.4); --tertiary-semi-light: oklch(65% 0.013 82.4); --tertiary-light: oklch(85% 0.013 82.4); --tertiary-ultra-light: oklch(95% 0.013 82.4); --accent: oklch(84% 0.122 84.8); --accent-ultra-dark: oklch(10% 0.122 84.8); --accent-dark: oklch(25% 0.122 84.8); --accent-semi-dark: oklch(35% 0.122 84.8); --accent-hover: oklch(71.4% 0.122 84.8); --accent-semi-light: oklch(65% 0.122 84.8); --accent-light: oklch(85% 0.122 84.8); --accent-ultra-light: oklch(97.5% 0.02 84.6); --base: oklch(29.8% 0.032 136.1); --base-ultra-dark: oklch(10% 0.032 136.1); --base-dark: oklch(25% 0.032 136.1); --base-semi-dark: oklch(35% 0.032 136.1); --base-hover: oklch(25.3% 0.032 136.1); --base-semi-light: oklch(65% 0.032 136.1); --base-light: oklch(85% 0.032 136.1); --base-ultra-light: oklch(95% 0.032 136.1); --neutral: oklch(88% 0.019 86.2); --neutral-ultra-dark: oklch(10% 0.019 86.2); --neutral-dark: oklch(25% 0.019 86.2); --neutral-semi-dark: oklch(35% 0.019 86.2); --neutral-hover: oklch(74.8% 0.019 86.2); --neutral-semi-light: oklch(65% 0.019 86.2); --neutral-light: oklch(85% 0.019 86.2); --neutral-ultra-light: oklch(95% 0.019 86.2); --white: oklch(100% 0 0); --white-trans-90: oklch(100% 0 0 / 0.9); --white-trans-80: oklch(100% 0 0 / 0.8); --white-trans-70: oklch(100% 0 0 / 0.7); --white-trans-60: oklch(100% 0 0 / 0.6); --white-trans-50: oklch(100% 0 0 / 0.5); --white-trans-40: oklch(100% 0 0 / 0.4); --white-trans-30: oklch(100% 0 0 / 0.3); --white-trans-20: oklch(100% 0 0 / 0.2); --white-trans-10: oklch(100% 0 0 / 0.1); --black: oklch(0% 0 0); --black-trans-90: oklch(0% 0 0 / 0.9); --black-trans-80: oklch(0% 0 0 / 0.8); --black-trans-70: oklch(0% 0 0 / 0.7); --black-trans-60: oklch(0% 0 0 / 0.6); --black-trans-50: oklch(0% 0 0 / 0.5); --black-trans-40: oklch(0% 0 0 / 0.4); --black-trans-30: oklch(0% 0 0 / 0.3); --black-trans-20: oklch(0% 0 0 / 0.2); --black-trans-10: oklch(0% 0 0 / 0.1); --space-xs: clamp(0.5625rem, calc(0.5152rem + 0.2018vw), 0.6875rem); --space-s: clamp(0.8125rem, calc(0.7415rem + 0.3027vw), 1rem); --space-m: clamp(1.25rem, calc(1.1554rem + 0.4036vw), 1.5rem); --space-l: clamp(1.875rem, calc(1.7331rem + 0.6054vw), 2.25rem); --space-xl: clamp(2.8125rem, calc(2.5996rem + 0.9082vw), 3.375rem); --space-xxl: clamp(4.25rem, calc(3.9425rem + 1.3118vw), 5.0625rem); --section-space-xs: clamp(2.75rem, calc(2.5371rem + 0.9082vw), 3.3125rem); --section-space-s: clamp(4.1875rem, calc(3.88rem + 1.3118vw), 5rem); --section-space-m: clamp(6.25rem, calc(5.777rem + 2.0182vw), 7.5rem); --section-space-l: clamp(9.375rem, calc(8.6655rem + 3.0272vw), 11.25rem); --section-space-xl: clamp(14.0625rem, calc(12.9982rem + 4.5409vw), 16.875rem); --section-space-xxl: clamp(21.125rem, calc(19.5404rem + 6.7608vw), 25.3125rem); --text-xs: clamp(0.625rem, calc(0.5777rem + 0.2018vw), 0.75rem); --text-s: clamp(0.8125rem, calc(0.7888rem + 0.1009vw), 0.875rem); --text-m: clamp(1rem, calc(0.9527rem + 0.2018vw), 1.125rem); --text-l: clamp(1.25rem, calc(1.179rem + 0.3027vw), 1.4375rem); --text-xl: clamp(1.5625rem, calc(1.4915rem + 0.3027vw), 1.75rem); --text-xxl: clamp(1.9375rem, calc(1.8429rem + 0.4036vw), 2.1875rem); --line-height-body: 1.6; --letter-spacing-body: 0em; --text-color: var(--primary); --text-weight: 400; --body-font-family: DM Sans, sans-serif; --h1: clamp(2.75rem, calc(2.4898rem + 1.11vw), 3.4375rem); --h2: clamp(2.1875rem, calc(1.9746rem + 0.9082vw), 2.75rem); --h3: clamp(1.75rem, calc(1.5844rem + 0.7064vw), 2.1875rem); --h4: clamp(1.375rem, calc(1.2331rem + 0.6054vw), 1.75rem); --h5: clamp(1.125rem, calc(1.0304rem + 0.4036vw), 1.375rem); --h6: clamp(0.875rem, calc(0.7804rem + 0.4036vw), 1.125rem); --line-height-heading: 1.2; --letter-spacing-heading: -0.02em; --heading-color: var(--base); --heading-weight: 400; --heading-font-family: DM Sans, sans-serif;}