:root { --text-black: hsl(0,0%,0%); --text-black-t-1: hsla(0, 0%, 0%, 0.38); --text-black-t-2: hsla(0, 0%, 0%, 0.6); --text-black-t-3: hsla(0, 0%, 0%, 0.87); --text-white: hsl(0,0%,100%); --text-white-t-1: hsla(0, 0%, 100%, 0.5); --text-white-t-2: hsla(0, 0%, 100%, 0.7); --text-white-t-3: hsl(0, 0%, 100%); --divider-light: hsla(0, 0%, 100%, 0.12); --divider-dark: hsla(0, 0%, 0%, 0.12); --brand-primary: #B11116; --brand-primary-d-1: #8c0d11; --background-white: #f1f2f3; --background-grey: #e3e5e7; --brand-primary-t-1: hsla(358, 82%, 38%, 0.38); --brand-primary-t-2: hsl(358, 82%, 38%); --brand-primary-t-3: hsla(358, 82%, 38%, 0.87); --background-mid: #CCCCCC; --text-2xs: clamp(0.82rem, calc(0.0018518518518518526 * (100vw - 36rem) + 0.82rem), 1.02rem); --text-xs: clamp(1.02rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.02rem), 1.28rem); --text-s: clamp(1.28rem, calc(0.0029629629629629637 * (100vw - 36rem) + 1.28rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --text-xl: clamp(2.5rem, calc(0.005833333333333333 * (100vw - 36rem) + 2.5rem), 3.13rem); --text-2xl: clamp(3.13rem, calc(0.0072222222222222245 * (100vw - 36rem) + 3.13rem), 3.91rem); --heading-2xs: clamp(1.23rem, calc(0.01138888888888889 * (100vw - 36rem) + 1.23rem), 2.46rem); --heading-xs: clamp(1.54rem, calc(0.014166666666666664 * (100vw - 36rem) + 1.54rem), 3.07rem); --heading-s: clamp(1.92rem, calc(0.017777777777777778 * (100vw - 36rem) + 1.92rem), 3.84rem); --heading-m: clamp(2.4rem, calc(0.022222222222222223 * (100vw - 36rem) + 2.4rem), 4.8rem); --heading-l: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --heading-xl: clamp(3.75rem, calc(0.034722222222222224 * (100vw - 36rem) + 3.75rem), 7.5rem); --heading-2xl: clamp(4.69rem, calc(0.04342592592592593 * (100vw - 36rem) + 4.69rem), 9.38rem);}