:root { --primary: #172348; --primary-2: hsl(225 51.57% 29.62%); --primary-3: hsl(225 51.57% 7.63%); --action: #A84F65; --secondary: #A84F65; --accent: #F5F5F5; --base: #1c121d; --neutral: #f5f7f5; --white: #fff; --black: #000; --H6: clamp(0.93rem, calc(0.000833333333333333 * (100vw - 32rem) + 0.93rem), 1.01rem); --H5: clamp(1.11rem, calc(0.0025 * (100vw - 32rem) + 1.11rem), 1.35rem); --H4: clamp(1.33rem, calc(0.004895833333333333 * (100vw - 32rem) + 1.33rem), 1.8rem); --H3: clamp(1.6rem, calc(0.008333333333333331 * (100vw - 32rem) + 1.6rem), 2.4rem); --H2: clamp(1.92rem, calc(0.013333333333333336 * (100vw - 32rem) + 1.92rem), 3.2rem); --H1: clamp(2.3rem, calc(0.020416666666666666 * (100vw - 32rem) + 2.3rem), 4.26rem); --space-2xs: clamp(1.01rem, calc(0.008020833333333333 * (100vw - 32rem) + 1.01rem), 1.78rem); --space-xs: clamp(1.35rem, calc(0.013749999999999998 * (100vw - 32rem) + 1.35rem), 2.67rem); --space-s: clamp(1.8rem, calc(0.02291666666666667 * (100vw - 32rem) + 1.8rem), 4rem); --space-m: clamp(2.4rem, calc(0.0375 * (100vw - 32rem) + 2.4rem), 6rem); --space-l: clamp(3.2rem, calc(0.06041666666666667 * (100vw - 32rem) + 3.2rem), 9rem); --space-xl: clamp(4.26rem, calc(0.09625 * (100vw - 32rem) + 4.26rem), 13.5rem); --space-2xl: clamp(5.68rem, calc(0.15177083333333333 * (100vw - 32rem) + 5.68rem), 20.25rem); --text-2xs: clamp(0.82rem, calc(-0.0006249999999999994 * (100vw - 32rem) + 0.82rem), 0.76rem); --text-xs: clamp(1.02rem, calc(-0.00010416666666666675 * (100vw - 32rem) + 1.02rem), 1.01rem); --text-s: clamp(1.28rem, calc(0.0007291666666666674 * (100vw - 32rem) + 1.28rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.002083333333333333 * (100vw - 32rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.004166666666666666 * (100vw - 32rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.0072916666666666685 * (100vw - 32rem) + 2.5rem), 3.2rem); --text-2xl: clamp(3.13rem, calc(0.011770833333333333 * (100vw - 32rem) + 3.13rem), 4.26rem);}.bg-primary { background-color: var(--primary); }