:root { --primary: #9450f2; --primary-dark: #7640c2; --primary-ultra-dark: #593091; --primary-semi-dark: #8548da; --primary-medium: #af7cf5; --primary-semi-light: #c49ff8; --primary-light: #efe5fd; --primary-ultra-light: #faf6fe; --primary-trans-10: rgba(148, 80, 242, 0.1); --primary-trans-20: rgba(148, 80, 242, 0.2); --primary-trans-30: rgba(148, 80, 242, 0.3); --primary-trans-40: rgba(148, 80, 242, 0.4); --primary-trans-50: rgba(148, 80, 242, 0.5); --primary-trans-60: rgba(148, 80, 242, 0.6); --primary-trans-70: rgba(148, 80, 242, 0.7); --primary-trans-80: rgba(148, 80, 242, 0.8); --primary-trans-90: rgba(148, 80, 242, 0.9); --secondary: #4c25d9; --secondary-ultra-dark: #281473; --secondary-dark: #3d1eae; --secondary-semi-dark: #4421c3; --secondary-medium: #795ce3; --secondary-semi-light: #9d87ea; --secondary-light: #e4def9; --secondary-ultra-light: #f6f4fd; --tertiary: #fc4d08; --tertiary-ultra-dark: #972e05; --tertiary-dark: #ca3e06; --tertiary-semi-dark: #e34507; --tertiary-medium: #fd7a46; --tertiary-semi-light: #fd9d77; --tertiary-light: #ffe4da; --tertiary-ultra-light: #fff6f3; --accent: #f27f1b; --accent-ultra-dark: #914c10; --accent-dark: #c26616; --accent-semi-dark: #c26616; --accent-medium: #f59f54; --accent-semi-light: #f8b982; --accent-light: #fdecdd; --accent-ultra-light: #fef9f4; --neutral: #f2f2f2; --neutral-ultra-dark: #f3f3f3; --neutral-dark: #f5f5f5; --neutral-light: #fdfdfd; --neutral-ultra-light: #fefefe; --base: #414141; --base-ultra-dark: #272727; --base-dark: #343434; --base-semi-dark: #3b3b3b; --base-medium: #717171; --base-semi-light: #979797; --base-light: #e3e3e3; --base-ultra-light: #f6f6f6; --white: #ffffff; --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black: #000000; --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9); --blue: #246A8A; --blue-l-1: #387895; --blue-l-2: #4c859f; --blue-l-3: #6093aa; --blue-l-4: #74a0b5; --blue-l-5: #88aebf; --blue-l-6: #9bbbca; --blue-l-7: #afc9d4; --blue-l-8: #c3d6df; --blue-l-9: #d7e4ea; --blue-l-10: #ebf1f4; --blue-d-1: #21607d; --blue-d-2: #1d5771; --blue-d-3: #1a4d64; --blue-d-4: #174358; --blue-d-5: #143a4b; --blue-d-6: #10303f; --blue-d-7: #0d2732; --blue-d-8: #0a1d26; --blue-d-9: #071319; --blue-d-10: #030a0d; --yellow: #e8dc87; --purple-2: #8867ac; --yellow2: #f3dd54; --green: #558f6e; --yellow3: #faf1c9; --purple3: #f5edff; --green-l-1: #64997b; --green-l-2: #74a388; --green-l-3: #83ae96; --green-l-4: #93b8a3; --green-l-5: #a2c2b0; --green-l-6: #b2ccbd; --green-l-7: #c1d6ca; --green-l-8: #d1e0d7; --green-l-9: #e0ebe5; --green-l-10: #f0f5f2; --green-d-1: #4d8264; --green-d-2: #46755a; --green-d-3: #3e6850; --green-d-4: #365b46; --green-d-5: #2e4e3c; --green-d-6: #274132; --green-d-7: #1f3428; --green-d-8: #17271e; --green-d-9: #0f1a14; --green-d-10: #080d0a; --blue-2: #1E4D8C; --blue-3: #35498c; --footer: #e6dbca; --space-xs: clamp(0.60rem, calc(0.60rem + 0.0054 * (100vw - 380px)), 1.10rem); --space-s: clamp(0.90rem, calc(0.90rem + 0.0076 * (100vw - 380px)), 1.60rem); --space-m: clamp(1.40rem, calc(1.40rem + 0.0109 * (100vw - 380px)), 2.40rem); --space-l: clamp(2.10rem, calc(2.10rem + 0.0000 * (100vw - 380px)), 2.10rem); --space-xl: clamp(3.20rem, calc(3.20rem + 0.0239 * (100vw - 380px)), 5.40rem); --space-xxl: clamp(3.20rem, calc(3.20rem + 0.0533 * (100vw - 380px)), 8.10rem); --space-section: clamp(12.80rem, calc(12.80rem + 0.0348 * (100vw - 380px)), 16.00rem); --logo-width: clamp(12.00rem, calc(12.00rem + 0.0870 * (100vw - 380px)), 20.00rem); --logo_footer-width: 17.8rem; --text-xs: clamp(1.00rem, calc(1.00rem + 0.0022 * (100vw - 380px)), 1.20rem); --text-s: clamp(1.30rem, calc(1.30rem + 0.0011 * (100vw - 380px)), 1.40rem); --text-m: clamp(1.60rem, calc(1.60rem + 0.0022 * (100vw - 380px)), 1.80rem); --text-mm: clamp(1.80rem, calc(1.80rem + 0.0022 * (100vw - 380px)), 2.00rem); --text-l: clamp(2.00rem, calc(2.00rem + 0.0033 * (100vw - 380px)), 2.30rem); --text-xl: clamp(2.50rem, calc(2.50rem + 0.0033 * (100vw - 380px)), 2.80rem); --text-xxl: clamp(3.10rem, calc(3.10rem + 0.0043 * (100vw - 380px)), 3.50rem); --h1: clamp(4.40rem, calc(4.40rem + 0.0120 * (100vw - 380px)), 5.50rem); --h2: clamp(3.50rem, calc(3.50rem + 0.0098 * (100vw - 380px)), 4.40rem); --h3: clamp(2.80rem, calc(2.80rem + 0.0076 * (100vw - 380px)), 3.50rem); --h4: clamp(2.20rem, calc(2.20rem + 0.0065 * (100vw - 380px)), 2.80rem); --h5: clamp(1.80rem, calc(1.80rem + 0.0043 * (100vw - 380px)), 2.20rem); --h6: clamp(1.40rem, calc(1.40rem + 0.0043 * (100vw - 380px)), 1.80rem);}