:root { --primary: #1d3a88; --primary-l-1: #566ba6; --primary-l-2: #8e9dc4; --primary-l-3: #c7cee1; --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-l-1: #fbd750; --secondary-l-2: #fce48b; --secondary-l-3: #fef2c5; --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-l-1: #6cbbff; --tertiary-l-2: #9dd2ff; --tertiary-l-3: #cee8ff; --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-l-1: #404040; --black-l-2: #808080; --black-l-3: #bfbfbf; --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; --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); --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-m); --container-gap: var(--space-l); --grid-gap: var(--space-m);}.bg-neutral { background-color: var(--neutral); }.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); }