:root { --pink: hsl(309 96% 65%); --red: hsl(357 71% 48%); --Yellow: hsl(54 100% 62%); --cyan: hsl(199 98% 48%); --blue: hsl(210 100% 20%); --violet: hsl(262 87% 56%); --dark: hsl(0 0% 21%); --white: hsl(0, 0%, 100%); --white-t-1: hsla(0, 0%, 100%, 0.17); --white-t-2: hsla(0, 0%, 100%, 0.33); --white-t-3: hsla(0, 0%, 100%, 0.5); --white-t-4: hsla(0, 0%, 100%, 0.67); --white-t-5: hsla(0, 0%, 100%, 0.83); --white-d-1: #f5f5f5; --white-d-2: hsl(0, 0%, 71%); --white-d-3: hsl(0, 0%, 57%); --white-d-4: hsl(0, 0%, 43%); --white-d-5: hsl(0, 0%, 29%); --white-d-6: hsl(0, 0%, 14%); --dark-d-1: hsl(0, 0%, 17%); --dark-d-2: hsl(0, 0%, 13%); --dark-d-3: hsl(0, 0%, 8%); --dark-d-4: hsl(0, 0%, 4%); --dark-l-1: hsl(0, 0%, 32%); --dark-l-2: hsl(0, 0%, 44%); --dark-l-3: hsl(0, 0%, 55%); --dark-l-4: hsl(0, 0%, 66%); --dark-l-5: hsl(0, 0%, 77%); --dark-l-6: hsl(0, 0%, 89%); --dark-t-1: hsla(0, 0%, 87%, 0.17); --dark-t-2: hsla(0, 0%, 74%, 0.33); --dark-t-3: hsla(0, 0%, 61%, 0.5); --dark-t-4: hsla(0, 0%, 47%, 0.67); --dark-t-5: hsla(0, 0%, 34%, 0.83); --violet-l-1: hsl(262, 87%, 63%); --violet-l-2: hsl(262, 87%, 71%); --violet-l-3: hsl(262, 87%, 78%); --violet-l-4: hsl(262, 87%, 85%); --violet-l-5: hsl(262, 87%, 93%); --violet-d-1: hsl(262, 68%, 47%); --violet-d-2: hsl(262, 68%, 37%); --violet-d-3: hsl(262, 68%, 28%); --violet-d-4: hsl(262, 68%, 19%); --violet-d-5: hsl(262, 68%, 9%); --violet-t-1: hsla(262, 87%, 93%, 0.17); --violet-t-2: hsla(262, 87%, 85%, 0.33); --violet-t-3: hsla(262, 87%, 78%, 0.5); --violet-t-4: hsla(262, 87%, 71%, 0.67); --violet-t-5: hsla(262, 87%, 63%, 0.83); --blue-l-1: hsl(210, 50%, 33%); --blue-l-2: hsl(210, 29%, 47%); --blue-l-3: hsl(210, 25%, 60%); --blue-l-4: hsl(210, 25%, 73%); --blue-l-5: hsl(210, 25%, 87%); --blue-d-1: hsl(210, 100%, 17%); --blue-d-2: hsl(210, 100%, 13%); --blue-d-3: hsl(210, 100%, 10%); --blue-d-4: hsl(210, 100%, 7%); --blue-d-5: hsl(210, 100%, 3%); --blue-t-1: hsla(210, 25%, 87%, 0.17); --blue-t-2: hsla(210, 25%, 73%, 0.33); --blue-t-3: hsla(210, 25%, 60%, 0.5); --blue-t-4: hsla(210, 29%, 47%, 0.67); --blue-t-5: hsla(210, 50%, 33%, 0.83); --cyan-l-1: hsl(199, 90%, 57%); --cyan-l-2: hsl(199, 90%, 65%); --cyan-l-3: hsl(199, 90%, 74%); --cyan-l-4: hsl(199, 90%, 83%); --cyan-l-5: hsl(199, 90%, 91%); --cyan-d-1: hsl(199, 98%, 40%); --cyan-d-2: hsl(199, 98%, 32%); --cyan-d-3: hsl(199, 98%, 24%); --cyan-d-4: hsl(199, 98%, 16%); --cyan-d-5: hsl(199, 100%, 8%); --cyan-t-1: hsla(199, 90%, 91%, 0.17); --cyan-t-2: hsla(199, 90%, 83%, 0.33); --cyan-t-3: hsla(199, 90%, 74%, 0.5); --cyan-t-4: hsla(199, 90%, 65%, 0.67); --cyan-t-5: hsla(199, 90%, 57%, 0.83); --Yellow-l-1: hsl(54, 100%, 68%); --Yellow-l-2: hsl(54, 100%, 75%); --Yellow-l-3: hsl(54, 100%, 81%); --Yellow-l-4: hsl(54, 100%, 87%); --Yellow-l-5: hsl(54, 100%, 94%); --Yellow-d-1: hsl(54, 66%, 52%); --Yellow-d-2: hsl(54, 61%, 41%); --Yellow-d-3: hsl(54, 61%, 31%); --Yellow-d-4: hsl(54, 61%, 21%); --Yellow-d-5: hsl(54, 61%, 10%); --Yellow-t-1: hsla(54, 100%, 94%, 0.17); --Yellow-t-2: hsla(54, 100%, 87%, 0.33); --Yellow-t-3: hsla(54, 100%, 81%, 0.5); --Yellow-t-4: hsla(54, 100%, 75%, 0.67); --Yellow-t-5: hsla(54, 100%, 68%, 0.83); --red-l-1: hsl(357, 65%, 57%); --red-l-2: hsl(357, 65%, 65%); --red-l-3: hsl(357, 65%, 74%); --red-l-4: hsl(357, 65%, 83%); --red-l-5: hsl(357, 65%, 91%); --red-d-1: hsl(357, 71%, 40%); --red-d-2: hsl(357, 71%, 32%); --red-d-3: hsl(357, 71%, 24%); --red-d-4: hsl(357, 71%, 16%); --red-d-5: hsl(357, 71%, 8%); --red-t-1: hsla(357, 65%, 91%, 0.17); --red-t-2: hsla(357, 65%, 83%, 0.33); --red-t-3: hsla(357, 65%, 74%, 0.5); --red-t-4: hsla(357, 65%, 65%, 0.67); --red-t-5: hsla(357, 65%, 57%, 0.83); --pink-l-1: hsl(309, 96%, 71%); --pink-l-2: hsl(309, 96%, 77%); --pink-l-3: hsl(309, 96%, 82%); --pink-l-4: hsl(309, 96%, 88%); --pink-l-5: hsl(309, 96%, 94%); --pink-d-1: hsl(309, 61%, 54%); --pink-d-2: hsl(309, 52%, 43%); --pink-d-3: hsl(309, 52%, 32%); --pink-d-4: hsl(309, 52%, 22%); --pink-d-5: hsl(309, 52%, 11%); --pink-t-1: hsla(309, 96%, 94%, 0.17); --pink-t-2: hsla(309, 96%, 88%, 0.33); --pink-t-3: hsla(309, 96%, 82%, 0.5); --pink-t-4: hsla(309, 96%, 77%, 0.67); --pink-t-5: hsla(309, 96%, 71%, 0.83); --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}