:root { --primary: #1F1647; --secondary: #A1C8FF; --secondary-l-1: #c7deff; --secondary-l-2: #f6faff; --secondary-d-1: #81aae4; --secondary-d-2: #406eae; --light: #ffffff; --light-d-0: #bfbfbf; --light-d-1: #808080; --light-d-2: #404040; --light-t-0: hsla(0, 0%, 100%, 0.14); --light-t-1: hsla(0, 0%, 100%, 0.29); --light-t-2: hsla(0, 0%, 100%, 0.43); --light-t-3: hsla(0, 0%, 100%, 0.57); --light-t-4: hsla(0, 0%, 100%, 0.71); --light-t-5: hsla(0, 0%, 100%, 0.86); --dark: #000; --accent: #F58B78; --hover-color: var(--light); --green: #CEFCB1; --green-l-1: #e2fdd0; --green-l-2: #fafff7; --green-d-1: #afe38f; --green-d-2: #72b24a; --primary-l-1: #4c456c; --primary-l-2: #b4b1c2; --h6: clamp(1.28rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.28rem), 1.48rem); --h5: clamp(1.6rem, calc(0.0034259259259259247 * (100vw - 36rem) + 1.6rem), 1.97rem); --h4: clamp(2rem, calc(0.005833333333333333 * (100vw - 36rem) + 2rem), 2.63rem); --h3: clamp(2.2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.2rem), 2.6rem); --h2: clamp(3.5rem, calc(0.008333333333333337 * (100vw - 36rem) + 3.5rem), 4.4rem); --h1: clamp(3.91rem, calc(0.03787037037037037 * (100vw - 36rem) + 3.91rem), 8rem); --line-height-body: clamp(1.92rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.92rem), 2.03rem); --line-height-heading: clamp(2.4rem, calc(0.00277777777777778 * (100vw - 36rem) + 2.4rem), 2.7rem); --space-2xs: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --space-xs: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --space-s: clamp(3.5rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.5rem), 4.8rem); --space-m: clamp(5rem, calc(0.046296296296296294 * (100vw - 36rem) + 5rem), 10rem); --space-l: clamp(6.25rem, calc(0.06555555555555556 * (100vw - 36rem) + 6.25rem), 13.33rem); --space-xl: clamp(7.81rem, calc(0.09222222222222223 * (100vw - 36rem) + 7.81rem), 17.77rem); --space-2xl: clamp(9.77rem, calc(0.12888888888888891 * (100vw - 36rem) + 9.77rem), 23.69rem); --text-2xs: clamp(1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1rem), 1.2rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.4rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.4rem), 1.7rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.5rem, calc(0.018518518518518517 * (100vw - 36rem) + 3.5rem), 5.5rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-light { background-color: var(--light); }.bg-light-d-0 { background-color: var(--light-d-0); }.bg-light-d-1 { background-color: var(--light-d-1); }.bg-light-d-2 { background-color: var(--light-d-2); }.bg-light-t-0 { background-color: var(--light-t-0); }.bg-light-t-1 { background-color: var(--light-t-1); }.bg-light-t-2 { background-color: var(--light-t-2); }.bg-light-t-3 { background-color: var(--light-t-3); }.bg-light-t-4 { background-color: var(--light-t-4); }.bg-light-t-5 { background-color: var(--light-t-5); }