:root { --primary: #7439C2; --primary-t-1: hsla(266, 55%, 49%, 0.09); --primary-t-2: hsla(266, 55%, 49%, 0.18); --primary-t-3: hsla(266, 55%, 49%, 0.27); --primary-t-4: hsla(266, 55%, 49%, 0.36); --primary-t-5: hsla(266, 55%, 49%, 0.45); --primary-t-6: hsla(266, 55%, 49%, 0.55); --primary-t-7: hsla(266, 55%, 49%, 0.64); --primary-t-8: hsla(266, 55%, 49%, 0.73); --primary-t-9: hsla(266, 55%, 49%, 0.82); --primary-t-10: hsla(266, 55%, 49%, 0.91); --primary-l-1: #8855cb; --primary-l-2: #9c72d3; --primary-l-3: #b08edc; --primary-l-4: #c3aae5; --primary-l-5: #d7c6ee; --primary-l-6: #ebe3f6; --primary-d-1: #6331a6; --primary-d-2: #53298b; --primary-d-3: #42216f; --primary-d-4: #321853; --primary-d-5: #211037; --primary-d-6: #11081c; --secondary: hsla(20,90.12%,52.35%,1); --secondary-l-1: hsl(20, 90%, 62%); --secondary-l-2: hsl(20, 90%, 71%); --secondary-l-3: hsl(20, 90%, 81%); --secondary-l-4: hsl(20, 90%, 90%); --secondary-d-1: hsl(20, 82%, 42%); --secondary-d-2: hsl(20, 82%, 31%); --secondary-d-3: hsl(20, 82%, 21%); --secondary-d-4: hsl(20, 82%, 10%); --secondary-t-1: hsla(20, 90%, 52%, 0.09); --secondary-t-2: hsla(20, 90%, 52%, 0.18); --secondary-t-3: hsla(20, 90%, 52%, 0.27); --secondary-t-4: hsla(20, 90%, 52%, 0.36); --secondary-t-5: hsla(20, 90%, 52%, 0.45); --secondary-t-6: hsla(20, 90%, 52%, 0.55); --secondary-t-7: hsla(20, 90%, 52%, 0.64); --secondary-t-8: hsla(20, 90%, 52%, 0.73); --secondary-t-9: hsla(20, 90%, 52%, 0.82); --secondary-t-10: hsla(20, 90%, 52%, 0.91); --body: hsla(0,0%,97.65%,1); --body-d-1: hsl(0, 0%, 73%); --body-d-2: hsl(0, 0%, 49%); --body-d-3: hsl(0, 0%, 24%); --bg-surface: hsla(280,0%,96%,1); --text-body: hsla(285,7%,22%,1); --text-body-reversed: hsla(283,42%,97%,1); --text-title: hsla(285,7%,22%,1); --text-title-reversed: hsla(283,100%,96%,1); --border-primary: hsla(0,0%,76%,0.25); --shadow-primary: hsla(0,0%,0%,0.15); --input-bg: hsla(122,0%,100%,1); --input-text: hsla(246,9.68%,18.24%,1); --light: hsla(280,12%,98%,1); --dark: hsla(226,23.68%,14.9%,1); --info: #1097cb; --success: hsla(136,65%,39%,1); --error: hsla(351,77%,57%,1); --warning: hsla(22,100%,58%,1); --always-light: hsla(280,12%,98%,1); --always-light-d-1: hsl(270, 1%, 78%); --always-light-d-2: hsl(270, 1%, 59%); --always-light-d-3: hsl(270, 0%, 39%); --always-light-d-4: hsl(270, 0%, 20%); --always-dark: hsla(280,13%,12%,1); --light-t-1: hsla(280, 12%, 98%, 0.09); --light-t-2: hsla(280, 12%, 98%, 0.18); --light-t-3: hsla(280, 12%, 98%, 0.27); --light-t-4: hsla(280, 12%, 98%, 0.36); --light-t-5: hsla(280, 12%, 98%, 0.45); --light-t-6: hsla(280, 12%, 98%, 0.55); --light-t-7: hsla(280, 12%, 98%, 0.64); --light-t-8: hsla(280, 12%, 98%, 0.73); --light-t-9: hsla(280, 12%, 98%, 0.82); --light-t-10: hsla(280, 12%, 98%, 0.91); --dark-t-1: hsla(226, 24%, 15%, 0.09); --dark-t-2: hsla(226, 24%, 15%, 0.18); --dark-t-3: hsla(226, 24%, 15%, 0.27); --dark-t-4: hsla(226, 24%, 15%, 0.36); --dark-t-5: hsla(226, 24%, 15%, 0.45); --dark-t-6: hsla(226, 24%, 15%, 0.55); --dark-t-7: hsla(226, 24%, 15%, 0.64); --dark-t-8: hsla(226, 24%, 15%, 0.73); --dark-t-9: hsla(226, 24%, 15%, 0.82); --dark-t-10: hsla(226, 24%, 15%, 0.91); --space-4xs: clamp(0.3rem, calc(0.004296296296296296 * (100vw - 22.5rem) + 0.3rem), 0.59rem); --space-3xs: clamp(0.4rem, calc(0.005777777777777778 * (100vw - 22.5rem) + 0.4rem), 0.79rem); --space-2xs: clamp(0.53rem, calc(0.007851851851851853 * (100vw - 22.5rem) + 0.53rem), 1.06rem); --space-xs: clamp(0.7rem, calc(0.010518518518518517 * (100vw - 22.5rem) + 0.7rem), 1.41rem); --space-s: clamp(0.94rem, calc(0.013925925925925925 * (100vw - 22.5rem) + 0.94rem), 1.88rem); --space-m: clamp(1.25rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 1.25rem), 2.5rem); --space-l: clamp(1.67rem, calc(0.024592592592592593 * (100vw - 22.5rem) + 1.67rem), 3.33rem); --space-xl: clamp(2.22rem, calc(0.03288888888888889 * (100vw - 22.5rem) + 2.22rem), 4.44rem); --space-2xl: clamp(2.96rem, calc(0.04385185185185185 * (100vw - 22.5rem) + 2.96rem), 5.92rem); --space-3xl: clamp(3.95rem, calc(0.058370370370370364 * (100vw - 22.5rem) + 3.95rem), 7.89rem); --space-4xl: clamp(5.26rem, calc(0.07792592592592593 * (100vw - 22.5rem) + 5.26rem), 10.52rem); --h6: clamp(0.64rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.64rem), 0.63rem); --h5: clamp(0.8rem, calc(0.0005925925925925915 * (100vw - 22.5rem) + 0.8rem), 0.84rem); --h4: clamp(1rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1rem), 1.13rem); --h3: clamp(1.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --h2: clamp(1.56rem, calc(0.006518518518518518 * (100vw - 22.5rem) + 1.56rem), 2rem); --h1: clamp(1.95rem, calc(0.010666666666666666 * (100vw - 22.5rem) + 1.95rem), 2.67rem); --text-2xs: clamp(0.51rem, calc(-0.0013333333333333337 * (100vw - 22.5rem) + 0.51rem), 0.42rem); --text-xs: clamp(0.64rem, calc(-0.0011851851851851845 * (100vw - 22.5rem) + 0.64rem), 0.56rem); --text-s: clamp(0.8rem, calc(-0.0007407407407407414 * (100vw - 22.5rem) + 0.8rem), 0.75rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.25rem, calc(0.0011851851851851863 * (100vw - 22.5rem) + 1.25rem), 1.33rem); --text-xl: clamp(1.56rem, calc(0.003259259259259259 * (100vw - 22.5rem) + 1.56rem), 1.78rem); --text-2xl: clamp(1.95rem, calc(0.0062222222222222245 * (100vw - 22.5rem) + 1.95rem), 2.37rem); --text-3xl: clamp(2.44rem, calc(0.01066666666666667 * (100vw - 22.5rem) + 2.44rem), 3.16rem); --text-4xl: clamp(3.05rem, calc(0.01718518518518519 * (100vw - 22.5rem) + 3.05rem), 4.21rem);}.bg-success { background-color: var(--success); }.text-success { color: var(--success); }.border-success { border-color: var(--success); }.fill-success { fill: var(--success); }.bg-error { background-color: var(--error); }.text-error { color: var(--error); }.border-error { border-color: var(--error); }.fill-error { fill: var(--error); }.bg-warning { background-color: var(--warning); }.text-warning { color: var(--warning); }.border-warning { border-color: var(--warning); }.fill-warning { fill: var(--warning); }