:root { --primary: #1d3a88; --primary-d-1: #162c66; --primary-d-2: #0f1d44; --primary-d-3: #070f22; --primary-t-1: hsla(224, 65%, 32%, 0.25); --primary-t-2: hsla(224, 65%, 32%, 0.5); --primary-t-3: hsla(224, 65%, 32%, 0.75); --secondary: #f9c916; --secondary-d-1: #bb9711; --secondary-d-2: #7d650b; --secondary-d-3: #3e3206; --secondary-t-1: hsla(47, 95%, 53%, 0.25); --secondary-t-2: hsla(47, 95%, 53%, 0.5); --secondary-t-3: hsla(47, 95%, 53%, 0.75); --tertiary: #3ba4ff; --tertiary-d-1: #2c7bbf; --tertiary-d-2: #1e5280; --tertiary-d-3: #0f2940; --tertiary-t-1: hsla(208, 100%, 62%, 0.25); --tertiary-t-2: hsla(208, 100%, 62%, 0.5); --tertiary-t-3: hsla(208, 100%, 62%, 0.75); --base: #000000; --base-l-1: #404040; --base-l-2: #808080; --base-l-3: #bfbfbf; --base-t-1: hsla(0, 0%, 0%, 0.25); --base-t-2: hsla(0, 0%, 0%, 0.5); --base-t-3: hsla(0, 0%, 0%, 0.75); --neutral: #e7e8f0; --black: black; --black-t-1: hsla(0, 0%, 0%, 0.25); --black-t-2: hsla(0, 0%, 0%, 0.5); --black-t-3: hsla(0, 0%, 0%, 0.75); --white: white; --success: #26a746; --warning: #ffc108; --info: #18a2b8; --danger: #dc3546; --primary-l-1: #3d5699; --primary-l-2: #5e72aa; --primary-l-3: #7e8ebb; --primary-l-4: #9eabcc; --primary-l-5: #bec7dd; --primary-l-6: #dfe3ee; --secondary-l-1: #fad137; --secondary-l-2: #fbd859; --secondary-l-3: #fce07a; --secondary-l-4: #fce89b; --secondary-l-5: #fdf0bc; --secondary-l-6: #fef7de; --tertiary-l-1: #57b1ff; --tertiary-l-2: #73beff; --tertiary-l-3: #8fcbff; --tertiary-l-4: #abd8ff; --tertiary-l-5: #c7e5ff; --tertiary-l-6: #e3f2ff; --black-l-1: #1c1c1c; --black-l-2: #393939; --black-l-3: #555555; --black-l-4: #717171; --black-l-5: #8e8e8e; --black-l-6: #aaaaaa; --black-l-7: #c6c6c6; --black-l-8: #e3e3e3; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --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.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --line-height-heading: 1.1; --line-height-extra-tight: 1.0; --line-height-tight: 1.3; --line-height-base: 1.5; --line-height-loose: 1.7; --line-height-extra-loose: 2.0; --text-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --h6: clamp(1.23rem, calc(0.0026851851851851854 * (100vw - 36rem) + 1.23rem), 1.52rem); --h5: clamp(1.54rem, calc(0.004537037037037035 * (100vw - 36rem) + 1.54rem), 2.03rem); --h4: clamp(1.92rem, calc(0.0072222222222222245 * (100vw - 36rem) + 1.92rem), 2.7rem); --h3: clamp(2.4rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.4rem), 3.6rem); --h2: clamp(3rem, calc(0.016666666666666666 * (100vw - 36rem) + 3rem), 4.8rem); --h1: clamp(3.75rem, calc(0.02453703703703704 * (100vw - 36rem) + 3.75rem), 6.4rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --space-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --gutter: var(--space-m); --content-gap: var(--space-s); --container-gap: var(--space-l); --grid-gap: var(--space-3xl);}.text-primary { color: var(--primary); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-l-6 { color: var(--primary-l-6); }.text-secondary { color: var(--secondary); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-l-5 { color: var(--secondary-l-5); }.text-secondary-l-6 { color: var(--secondary-l-6); }.text-tertiary { color: var(--tertiary); }.text-tertiary-d-1 { color: var(--tertiary-d-1); }.text-tertiary-d-2 { color: var(--tertiary-d-2); }.text-tertiary-d-3 { color: var(--tertiary-d-3); }.text-tertiary-t-1 { color: var(--tertiary-t-1); }.text-tertiary-t-2 { color: var(--tertiary-t-2); }.text-tertiary-t-3 { color: var(--tertiary-t-3); }.text-tertiary-l-1 { color: var(--tertiary-l-1); }.text-tertiary-l-2 { color: var(--tertiary-l-2); }.text-tertiary-l-3 { color: var(--tertiary-l-3); }.text-tertiary-l-4 { color: var(--tertiary-l-4); }.text-tertiary-l-5 { color: var(--tertiary-l-5); }.text-tertiary-l-6 { color: var(--tertiary-l-6); }.bg-neutral { background-color: var(--neutral); }.text-white { color: var(--white); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.padding-3xl { padding: var(--space-3xl); }.padding-4xl { padding: var(--space-4xl); }.padding-gutter { padding: var(--gutter); }.padding-content-gap { padding: var(--content-gap); }.padding-container-gap { padding: var(--container-gap); }.padding-grid-gap { padding: var(--grid-gap); }.margin-2xs { margin: var(--space-2xs); }.margin-xs { margin: var(--space-xs); }.margin-s { margin: var(--space-s); }.margin-m { margin: var(--space-m); }.margin-l { margin: var(--space-l); }.margin-xl { margin: var(--space-xl); }.margin-2xl { margin: var(--space-2xl); }.margin-3xl { margin: var(--space-3xl); }.margin-4xl { margin: var(--space-4xl); }.margin-gutter { margin: var(--gutter); }.margin-content-gap { margin: var(--content-gap); }.margin-container-gap { margin: var(--container-gap); }.margin-grid-gap { margin: var(--grid-gap); }