:root { --clr-sports-light: hsl(12, 100%, 97%); --clr-teriary: hsl(220, 9%, 46%); --clr-ent-accent: hsl(336, 100%, 97%); --clr-national-light: hsl(168, 100%, 97%); --clr-global-light: hsl(212, 100%, 97%); --clr-alt: hsl(356, 83%, 41%); --clr-light-alt: hsl(260 100% 97%); --clr-national-light-97: hsl(169, 100%, 97%); --border-primary: hsl(220, 13%, 90%); --border-sec: hsl(260, 100%, 35%); --border-dark: hsl(0 0% 0%); --clr-primary-alt: hsl(260, 100%, 35%); --bg-primary: hsl(45, 100%, 98%); --topbar-bg: hsl(225.88, 100%, 96.67%); --bg-sec: #fffcf3; --bg-tertiary: hsl(258, 86%, 34%); --bg-light: hsl(226, 100%, 97%); --sec-bg: hsl(45, 100%, 98%); --trending-bg: #3C00B3; --clr-primary: hsl(260, 100%, 35%); --clr-primary-l-1: hsl(260, 78%, 41%); --clr-primary-l-2: #f5f0ff; --clr-primary-l-3: #e4d6ff; --clr-primary-l-4: hsl(216, 100%, 60%); --clr-primary-l-5: hsl(260, 54%, 65%); --clr-primary-l-6: hsl(216, 100%, 90%); --clr-primary-l-7: hsl(247, 91%, 59%); --clr-primary-l-8: hsl(260, 100%, 35%); --clr-primary-l-9: hsl(260, 100%, 35%); --clr-primary-l-10: #cfbdff; --clr-global: hsl(226.79, 76.08%, 40.98%); --clr-global-l-1: #193cb8; --clr-global-l-2: hsla(227, 53%, 52%, 0.36); --clr-global-l-3: #bddbff; --clr-global-l-4: #f0f6ff; --clr-global-l-5: #d6ddff; --clr-global-l-6: #bddbff; --clr-global-l-7: #f0f6ff; --clr-global-l-8: hsl(227, 53%, 84%); --clr-global-l-9: hsl(227, 53%, 89%); --clr-global-l-10: hsl(227, 53%, 95%); --clr-crime: hsl(215.5, 31.03%, 17.06%); --clr-crime-l-1: #1e2939; --clr-crime-l-2: hsla(216, 13%, 32%, 0.36); --clr-crime-l-3: #e5e7eb; --clr-crime-l-4: #f9fafb; --clr-crime-l-5: #d6ddff; --clr-crime-l-6: #e5e7eb; --clr-crime-l-7: #f9fafb; --clr-crime-l-8: #e5e7eb; --clr-crime-l-9: hsl(216, 6%, 85%); --clr-crime-l-10: hsl(216, 6%, 92%); --clr-ent: hsl(343.72, 100%, 39.02%); --clr-ent-l-1: #c70035; --clr-ent-l-2: hsla(352, 100%, 82%, 0.36); --clr-ent-l-3: #ffccd3; --clr-ent-l-4: #fff0f1; --clr-ent-l-5: #ffe7ea; --clr-ent-l-6: #ffccd3; --clr-ent-l-7: #fff0f1; --clr-ent-l-8: #ffccd3; --clr-ent-l-9: hsl(344, 64%, 89%); --clr-ent-l-10: hsl(0, 64%, 94%); --clr-national: hsl(152.6, 100%, 24.9%); --clr-national-l-1: #008046; --clr-national-l-2: hsla(153, 53%, 39%, 0.36); --clr-national-l-3: #b2f5d0; --clr-national-l-4: #edfdf4; --clr-national-l-5: #e6fff3; --clr-national-l-6: #b2f5d0; --clr-national-l-7: #edfdf4; --clr-national-l-8: #b2f5d0; --clr-national-l-9: hsl(153, 33%, 86%); --clr-national-l-10: hsl(153, 33%, 93%); --clr-tech: hsl(192.39, 86%, 36.08%); --clr-tech-l-1: #0093b8; --clr-tech-l-2: hsla(193, 53%, 48%, 0.36); --clr-tech-l-3: #a0f4fd; --clr-tech-l-4: #ebfeff; --clr-tech-l-5: #eafdff; --clr-tech-l-6: #a0f4fd; --clr-tech-l-7: #ebfeff; --clr-tech-l-8: hsl(193, 48%, 83%); --clr-tech-l-9: hsl(193, 48%, 88%); --clr-tech-l-10: hsl(193, 48%, 94%); --clr-sports: hsl(18.12, 95%, 48.04%); --clr-sports-l-1: #f54900; --clr-sports-l-2: hsla(18, 88%, 57%, 0.36); --clr-sports-l-3: #ffd7a8; --clr-sports-l-4: #ffe6d2; --clr-sports-l-5: #ffe6dc; --clr-sports-l-6: #ffd7a8; --clr-sports-l-7: #fff6eb; --clr-sports-l-8: #ffd7a8; --clr-sports-l-9: hsl(18, 88%, 91%); --clr-sports-l-10: hsl(18, 88%, 95%); --clr-business: hsl(357.82, 100%, 37.84%); --clr-business-l-1: #c20006; --clr-business-l-2: hsla(358, 63%, 49%, 0.36); --clr-business-l-3: #ffc7c7; --clr-business-l-4: #fef1f1; --clr-business-l-5: #ffe6e6; --clr-business-l-6: #ffc7c7; --clr-business-l-7: #fef1f1; --clr-business-l-8: hsl(358, 61%, 83%); --clr-business-l-9: hsl(358, 61%, 89%); --clr-business-l-10: hsl(358, 61%, 94%); --border-tertiary: hsl(216, 100%, 90%); --clr-meta: hsl(260, 100%, 35%); --cat-bg: hsl(260, 100%, 97%); --clr-light: hsl(0, 0%, 100%); --title-bg: #CCE0FF; --text-primary: var(--clr-primary); --clr-dark: hsl(245, 50%, 20%); --clr-dark-solid: hsl(0 0% 0%); --footer-bg: hsl(260, 100%, 35%); --clr-dark-l-1: hsl(246, 34%, 27%); --clr-dark-l-2: hsl(246, 24%, 35%); --clr-dark-l-3: hsl(246, 18%, 42%); --clr-dark-l-4: hsl(246, 13%, 49%); --clr-dark-l-5: hsl(246, 13%, 56%); --clr-dark-l-6: hsl(246, 13%, 64%); --clr-dark-l-7: hsl(246, 13%, 71%); --clr-dark-l-8: hsl(246, 13%, 78%); --clr-dark-l-9: hsl(246, 13%, 85%); --clr-dark-l-10: hsl(246, 13%, 93%); --clr-newsletter: #c1121f; --clr-newsletter-l-1: #c1121f; --clr-newsletter-l-2: #ffa3a3; --clr-newsletter-l-3: #fef1f2; --clr-newsletter-l-4: #d86870; --clr-newsletter-l-5: #dd7e85; --clr-newsletter-l-6: #e39399; --clr-newsletter-l-7: #e8a9ae; --clr-newsletter-l-8: #eebec2; --clr-newsletter-l-9: #f4d4d6; --clr-newsletter-l-10: #f9e9eb; --border-tertiary-l-1: hsl(260, 100%, 45%); --border-tertiary-l-2: hsl(216, 100%, 95%); --border-tertiary-l-3: hsl(216, 100%, 98%); --card-bg: #ffffff; --text-2xs: clamp(0.82rem, calc(-0.000555555555555555 * (100vw - 36rem) + 0.82rem), 0.76rem); --text-xs: clamp(1.02rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 1.02rem), 1.01rem); --text-s: clamp(1.28rem, calc(0.0006481481481481487 * (100vw - 36rem) + 1.28rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.5rem), 3.2rem); --text-2xl: clamp(3.13rem, calc(0.010462962962962962 * (100vw - 36rem) + 3.13rem), 4.26rem); --text-static: 2rem; --text-base: 1.6rem; --text-3xl: clamp(3.91rem, calc(0.016388888888888883 * (100vw - 36rem) + 3.91rem), 5.68rem); --h2: clamp(2.2rem, .5736vw + 2.0164rem, 2.8rem); --h3: clamp(2rem, .5736vw + 1.8164rem, 2.6rem); --h4: clamp(1.8rem, .5736vw + 1.6164rem, 2.4rem); --h5: clamp(1.7rem, .478vw + 1.547rem, 2.2rem); --h6: clamp(1.65rem, .3346vw + 1.5429rem, 2rem); --space-2xs: clamp(0.82rem, calc(0.0018518518518518526 * (100vw - 36rem) + 0.82rem), 1.02rem); --space-xs: clamp(1.02rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.02rem), 1.28rem); --space-s: clamp(1.28rem, calc(0.0029629629629629637 * (100vw - 36rem) + 1.28rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --space-xl: clamp(2.5rem, calc(0.005833333333333333 * (100vw - 36rem) + 2.5rem), 3.13rem); --space-2xl: clamp(3.13rem, calc(0.0072222222222222245 * (100vw - 36rem) + 3.13rem), 3.91rem); --space-3xl: clamp(3.91rem, calc(0.00898148148148148 * (100vw - 36rem) + 3.91rem), 4.88rem); --space-4xl: clamp(6.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 6.2rem), 6.8rem); --space-base: 1.6rem;}