:root { --primary: #cacaca; --secondary: hsl(204, 72%, 47%); --secondary-l-1: hsl(204, 64%, 53%); --secondary-l-2: hsl(204, 64%, 59%); --secondary-l-3: hsl(204, 64%, 65%); --secondary-l-4: hsl(204, 64%, 71%); --secondary-l-5: hsl(204, 64%, 76%); --secondary-l-6: hsl(204, 64%, 82%); --secondary-l-7: hsl(204, 64%, 88%); --secondary-l-8: hsl(204, 64%, 94%); --secondary-d-1: hsl(204, 72%, 42%); --secondary-d-2: hsl(204, 72%, 37%); --secondary-d-3: hsl(204, 72%, 31%); --secondary-d-4: hsl(204, 72%, 26%); --secondary-d-5: hsl(204, 72%, 21%); --secondary-d-6: hsl(204, 72%, 16%); --secondary-d-7: hsl(204, 72%, 10%); --secondary-d-8: hsl(204, 72%, 5%); --tertiary: hsl(46, 87%, 48%); --tertiary-l-1: hsl(46, 80%, 54%); --tertiary-l-2: hsl(46, 80%, 60%); --tertiary-l-3: hsl(46, 80%, 65%); --tertiary-l-4: hsl(46, 80%, 71%); --tertiary-l-5: hsl(46, 80%, 77%); --tertiary-l-6: hsl(46, 80%, 83%); --tertiary-l-7: hsl(46, 80%, 88%); --tertiary-l-8: hsl(46, 80%, 94%); --tertiary-d-1: hsl(46, 87%, 43%); --tertiary-d-2: hsl(46, 87%, 37%); --tertiary-d-3: hsl(46, 87%, 32%); --tertiary-d-4: hsl(46, 87%, 27%); --tertiary-d-5: hsl(46, 87%, 21%); --tertiary-d-6: hsl(46, 87%, 16%); --tertiary-d-7: hsl(46, 87%, 11%); --tertiary-d-8: hsl(46, 87%, 5%); --light: hsl(0, 0%, 100%); --dark: hsl(0, 0%, 0%); --text: hsl(0, 0%, 24%); --background: #ececec; --primary-d-1: #b4b4b4; --primary-d-2: #9d9d9d; --primary-d-3: #878787; --primary-d-4: #707070; --primary-d-5: #5a5a5a; --primary-d-6: #434343; --primary-d-7: #2d2d2d; --primary-d-8: #161616; --primary-l-1: #d5d5d5; --primary-l-2: #dfdfdf; --primary-l-3: #eaeaea; --primary-l-4: #f4f4f4; --button: #253241; --button-d-1: #131921; --space-3xs: clamp(0.66rem, calc(-0.0014814814814814818 * (100vw - 36rem) + 0.66rem), 0.5rem); --space-2xs: clamp(0.82rem, calc(-0.0010185185185185184 * (100vw - 36rem) + 0.82rem), 0.71rem); --space-xs: clamp(1.02rem, calc(-0.00018518518518518534 * (100vw - 36rem) + 1.02rem), 1rem); --space-s: clamp(1.28rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.28rem), 1.41rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0076851851851851855 * (100vw - 36rem) + 2rem), 2.83rem); --space-xl: clamp(2.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 2.5rem), 4rem); --space-2xl: clamp(3.13rem, calc(0.023333333333333338 * (100vw - 36rem) + 3.13rem), 5.65rem); --space-3xl: clamp(3.91rem, calc(0.03787037037037037 * (100vw - 36rem) + 3.91rem), 8rem); --h6: clamp(1.43rem, calc(0.00046296296296296336 * (100vw - 36rem) + 1.43rem), 1.48rem); --h5: clamp(1.79rem, calc(0.0016666666666666661 * (100vw - 36rem) + 1.79rem), 1.97rem); --h4: clamp(2.24rem, calc(0.0036111111111111083 * (100vw - 36rem) + 2.24rem), 2.63rem); --h3: clamp(2.8rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.8rem), 3.5rem); --h2: clamp(3.5rem, calc(0.010833333333333332 * (100vw - 36rem) + 3.5rem), 4.67rem); --h1: clamp(4.38rem, calc(0.017037037037037035 * (100vw - 36rem) + 4.38rem), 6.22rem); --text-3xs: clamp(0.66rem, calc(0.0007407407407407404 * (100vw - 36rem) + 0.66rem), 0.74rem); --text-2xs: clamp(0.82rem, calc(0.0009259259259259267 * (100vw - 36rem) + 0.82rem), 0.92rem); --text-xs: clamp(1.02rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.02rem), 1.15rem); --text-s: clamp(1.28rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.28rem), 1.44rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2rem), 2.25rem); --text-xl: clamp(2.5rem, calc(0.002870370370370371 * (100vw - 36rem) + 2.5rem), 2.81rem); --text-2xl: clamp(3.13rem, calc(0.0036111111111111122 * (100vw - 36rem) + 3.13rem), 3.52rem); --text-3xl: clamp(3.91rem, calc(0.00444444444444444 * (100vw - 36rem) + 3.91rem), 4.39rem);}.padding-3xs { padding: var(--space-3xs); }.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); }.h6 { font-size: var(--h6); }.h5 { font-size: var(--h5); }.h4 { font-size: var(--h4); }.h3 { font-size: var(--h3); }.h2 { font-size: var(--h2); }.h1 { font-size: var(--h1); }.text-3xs { font-size: var(--text-3xs); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.text-3xl { font-size: var(--text-3xl); }