:root { --primary-color: #111D2B; --primary-color-t-1: hsla(212, 12%, 43%, 0); --primary-color-t-2: hsla(212, 12%, 43%, 0.12); --primary-color-t-3: hsla(212, 12%, 43%, 0.24); --primary-color-t-4: hsla(212, 12%, 43%, 0.48); --primary-color-t-5: hsla(212, 12%, 43%, 0.72); --light-color: #E9EDF6; --light-color-t-1: hsla(222, 42%, 94%, 0); --light-color-t-2: hsla(222, 42%, 94%, 0.12); --light-color-t-3: hsla(222, 42%, 94%, 0.24); --light-color-t-4: hsla(222, 42%, 94%, 0.48); --light-color-t-5: hsla(222, 42%, 94%, 0.72); --background-color: #e2e5e9; --background-color-d-1: hsl(0, 0%, 85%); --background-color-d-2: #88898c; --background-color-d-3: #5a5c5d; --background-color-d-4: #2d2e2f; --background-color-t-1: hsla(214, 14%, 90%, 0); --background-color-t-2: hsla(214, 14%, 90%, 0.12); --background-color-t-3: hsla(214, 14%, 90%, 0.24); --background-color-t-4: hsla(214, 14%, 90%, 0.48); --background-color-t-5: hsla(214, 14%, 90%, 0.72); --h6: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --h5: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --h4: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --h3: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --h2: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --h1: clamp(3.2rem, calc(0.007407407407407406 * (100vw - 36rem) + 3.2rem), 4rem); --bd-text-2xs: clamp(0.82rem, calc(0.0016666666666666672 * (100vw - 36rem) + 0.82rem), 1rem); --bd-text-xs: clamp(1.02rem, calc(0.0016666666666666661 * (100vw - 36rem) + 1.02rem), 1.2rem); --bd-text-s: clamp(1.28rem, calc(0.00111111111111111 * (100vw - 36rem) + 1.28rem), 1.4rem); --bd-text-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --bd-text-l: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --bd-text-xl: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --bd-text-2xl: clamp(2.8rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.8rem), 3.2rem); --dp-text-xs: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --dp-text-s: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --dp-text-m: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --dp-text-l: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --dp-text-xl: clamp(2.4rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.4rem), 3.6rem); --dp-text-2xl: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem);}.text-primary-color { color: var(--primary-color); }.text-primary-color-t-1 { color: var(--primary-color-t-1); }.text-primary-color-t-2 { color: var(--primary-color-t-2); }.text-primary-color-t-3 { color: var(--primary-color-t-3); }.text-primary-color-t-4 { color: var(--primary-color-t-4); }.text-primary-color-t-5 { color: var(--primary-color-t-5); }.bg-primary-color { background-color: var(--primary-color); }.bg-primary-color-t-1 { background-color: var(--primary-color-t-1); }.bg-primary-color-t-2 { background-color: var(--primary-color-t-2); }.bg-primary-color-t-3 { background-color: var(--primary-color-t-3); }.bg-primary-color-t-4 { background-color: var(--primary-color-t-4); }.bg-primary-color-t-5 { background-color: var(--primary-color-t-5); }.bg-light-color { background-color: var(--light-color); }.bg-light-color-t-1 { background-color: var(--light-color-t-1); }.bg-light-color-t-2 { background-color: var(--light-color-t-2); }.bg-light-color-t-3 { background-color: var(--light-color-t-3); }.bg-light-color-t-4 { background-color: var(--light-color-t-4); }.bg-light-color-t-5 { background-color: var(--light-color-t-5); }.bg-background-color { background-color: var(--background-color); }.bg-background-color-d-1 { background-color: var(--background-color-d-1); }.bg-background-color-d-2 { background-color: var(--background-color-d-2); }.bg-background-color-d-3 { background-color: var(--background-color-d-3); }.bg-background-color-d-4 { background-color: var(--background-color-d-4); }.bg-background-color-t-1 { background-color: var(--background-color-t-1); }.bg-background-color-t-2 { background-color: var(--background-color-t-2); }.bg-background-color-t-3 { background-color: var(--background-color-t-3); }.bg-background-color-t-4 { background-color: var(--background-color-t-4); }.bg-background-color-t-5 { background-color: var(--background-color-t-5); }