:root { --primary: hsl(253 59% 46%); --secondary: rgb(48, 186, 78); --dark: #000000; --light: #ffffff; --dark-t-1: hsla(0, 0%, 91%, 0.09); --dark-t-2: hsla(0, 0%, 82%, 0.18); --dark-t-3: hsla(0, 0%, 73%, 0.27); --dark-t-4: hsla(0, 0%, 64%, 0.36); --dark-t-5: hsla(0, 0%, 55%, 0.45); --dark-t-6: hsla(0, 0%, 45%, 0.55); --dark-t-7: hsla(0, 0%, 36%, 0.64); --dark-t-8: hsla(0, 0%, 27%, 0.73); --dark-t-9: hsla(0, 0%, 18%, 0.82); --dark-t-10: hsla(0, 0%, 9%, 0.91); --light-t-1: hsla(0, 0%, 100%, 0.09); --light-t-2: hsla(0, 0%, 100%, 0.18); --light-t-3: hsla(0, 0%, 100%, 0.27); --light-t-4: hsla(0, 0%, 100%, 0.36); --light-t-5: hsla(0, 0%, 100%, 0.45); --light-t-6: hsla(0, 0%, 100%, 0.55); --light-t-7: hsla(0, 0%, 100%, 0.64); --light-t-8: hsla(0, 0%, 100%, 0.73); --light-t-9: hsla(0, 0%, 100%, 0.82); --light-t-10: hsla(0, 0%, 100%, 0.91); --secondary-l-1: rgb(67, 192, 94); --secondary-l-2: rgb(86, 199, 110); --secondary-l-3: rgb(104, 205, 126); --secondary-l-4: rgb(123, 211, 142); --secondary-l-5: rgb(142, 217, 158); --secondary-l-6: rgb(161, 224, 175); --secondary-l-7: rgb(180, 230, 191); --secondary-l-8: rgb(199, 236, 207); --secondary-l-9: rgb(217, 242, 223); --secondary-l-10: rgb(236, 249, 239); --secondary-d-1: rgb(44, 169, 71); --secondary-d-2: rgb(39, 152, 64); --secondary-d-3: rgb(35, 135, 57); --secondary-d-4: rgb(31, 118, 50); --secondary-d-5: rgb(26, 101, 43); --secondary-d-6: rgb(22, 85, 35); --secondary-d-7: rgb(17, 68, 28); --secondary-d-8: rgb(13, 51, 21); --secondary-d-9: rgb(9, 34, 14); --secondary-d-10: rgb(4, 17, 7); --primary-l-1: hsl(253, 51%, 51%); --primary-l-2: hsl(253, 51%, 56%); --primary-l-3: hsl(253, 51%, 61%); --primary-l-4: hsl(253, 51%, 66%); --primary-l-5: hsl(253, 51%, 71%); --primary-l-6: hsl(253, 51%, 75%); --primary-l-7: hsl(253, 51%, 80%); --primary-l-8: hsl(253, 51%, 85%); --primary-l-9: hsl(253, 51%, 90%); --primary-l-10: hsl(253, 51%, 95%); --primary-d-1: hsl(253, 59%, 42%); --primary-d-2: hsl(253, 59%, 38%); --primary-d-3: hsl(253, 59%, 34%); --primary-d-4: hsl(253, 59%, 29%); --primary-d-5: hsl(253, 59%, 25%); --primary-d-6: hsl(253, 59%, 21%); --primary-d-7: hsl(253, 59%, 17%); --primary-d-8: hsl(253, 59%, 13%); --primary-d-9: hsl(253, 59%, 8%); --primary-d-10: hsl(253, 59%, 4%); --primary-t-1: hsla(253, 51%, 95%, 0.09); --primary-t-2: hsla(253, 51%, 90%, 0.18); --primary-t-3: hsla(253, 51%, 85%, 0.27); --primary-t-4: hsla(253, 51%, 80%, 0.36); --primary-t-5: hsla(253, 51%, 75%, 0.45); --primary-t-6: hsla(253, 51%, 71%, 0.55); --primary-t-7: hsla(253, 51%, 66%, 0.64); --primary-t-8: hsla(253, 51%, 61%, 0.73); --primary-t-9: hsla(253, 51%, 56%, 0.82); --primary-t-10: hsla(253, 51%, 51%, 0.91); --dark-l-1: #171717; --dark-l-2: #2e2e2e; --dark-l-3: #464646; --dark-l-4: #5d5d5d; --dark-l-5: #747474; --dark-l-6: #8b8b8b; --dark-l-7: #a2a2a2; --dark-l-8: #b9b9b9; --dark-l-9: #d1d1d1; --dark-l-10: #e8e8e8; --text-2xs: clamp(0.68rem, calc(0 * (100vw - 36rem) + 0.68rem), 0.68rem); --text-xs: clamp(0.9rem, calc(0 * (100vw - 36rem) + 0.9rem), 0.9rem); --text-s: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-l: clamp(2.13rem, calc(0 * (100vw - 36rem) + 2.13rem), 2.13rem); --text-xl: clamp(2.84rem, calc(0 * (100vw - 36rem) + 2.84rem), 2.84rem); --text-2xl: clamp(3.79rem, calc(0 * (100vw - 36rem) + 3.79rem), 3.79rem); --text-3xl: clamp(5.05rem, calc(0 * (100vw - 36rem) + 5.05rem), 5.05rem); --text-4xl: clamp(6.73rem, calc(0 * (100vw - 36rem) + 6.73rem), 6.73rem); --h6: clamp(0.68rem, calc(0.0046296296296296285 * (100vw - 36rem) + 0.68rem), 1.18rem); --h5: clamp(0.9rem, calc(0.006296296296296296 * (100vw - 36rem) + 0.9rem), 1.58rem); --h4: clamp(1.2rem, calc(0.008333333333333335 * (100vw - 36rem) + 1.2rem), 2.1rem); --h3: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --h2: clamp(2.13rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.13rem), 3.73rem); --h1: clamp(2.84rem, calc(0.01981481481481482 * (100vw - 36rem) + 2.84rem), 4.98rem); --space-4xs: clamp(0.52rem, calc(-0.0003703703703703707 * (100vw - 36rem) + 0.52rem), 0.48rem); --space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem); --space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem); --space-xs: clamp(1.02rem,calc(0.36vw + 0.91rem),1.4rem); --space-s: clamp(1.28rem,calc(0.67vw + 1.07rem),1.98rem); --space-m: clamp(1.6rem,calc(1.15vw + 1.23rem),2.8rem); --space-l: clamp(2rem,calc(1.87vw + 1.4rem),3.96rem); --space-xl: clamp(2.5rem,calc(2.96vw + 1.55rem),5.6rem); --space-2xl: clamp(3.13rem,calc(4.58vw + 1.66rem),7.92rem); --space-3xl: clamp(3.91rem,calc(6.97vw + 1.68rem),11.19rem); --space-4xl: clamp(4.88rem,calc(10.46vw + 1.53rem),15.83rem); --header-space: var(--space-s); --btn-space: var(--space-xs) var(--space-s); --card-space: var(--space-s); --footer-space: var(--space-s) var(--space-m);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-l-6 { background-color: var(--primary-l-6); }.bg-primary-l-7 { background-color: var(--primary-l-7); }.bg-primary-l-8 { background-color: var(--primary-l-8); }.bg-primary-l-9 { background-color: var(--primary-l-9); }.bg-primary-l-10 { background-color: var(--primary-l-10); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-d-6 { background-color: var(--primary-d-6); }.bg-primary-d-7 { background-color: var(--primary-d-7); }.bg-primary-d-8 { background-color: var(--primary-d-8); }.bg-primary-d-9 { background-color: var(--primary-d-9); }.bg-primary-d-10 { background-color: var(--primary-d-10); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.border-dark { border-color: var(--dark); }.border-dark-t-1 { border-color: var(--dark-t-1); }.border-dark-t-2 { border-color: var(--dark-t-2); }.border-dark-t-3 { border-color: var(--dark-t-3); }.border-dark-t-4 { border-color: var(--dark-t-4); }.border-dark-t-5 { border-color: var(--dark-t-5); }.border-dark-t-6 { border-color: var(--dark-t-6); }.border-dark-t-7 { border-color: var(--dark-t-7); }.border-dark-t-8 { border-color: var(--dark-t-8); }.border-dark-t-9 { border-color: var(--dark-t-9); }.border-dark-t-10 { border-color: var(--dark-t-10); }.border-dark-l-1 { border-color: var(--dark-l-1); }.border-dark-l-2 { border-color: var(--dark-l-2); }.border-dark-l-3 { border-color: var(--dark-l-3); }.border-dark-l-4 { border-color: var(--dark-l-4); }.border-dark-l-5 { border-color: var(--dark-l-5); }.border-dark-l-6 { border-color: var(--dark-l-6); }.border-dark-l-7 { border-color: var(--dark-l-7); }.border-dark-l-8 { border-color: var(--dark-l-8); }.border-dark-l-9 { border-color: var(--dark-l-9); }.border-dark-l-10 { border-color: var(--dark-l-10); }