:root { --clr-primary: hsl(208, 56%, 31%); --clr-dark: hsl(0, 0%, 0%); --clr-accent: hsl(216, 30%, 13%); --border-primary: hsl(0, 0%, 92%); --clr-muted: hsl(0, 0%, 25%); --clr-muted-l-1: hsl(0, 0%, 95%); --clr-muted-l-2: hsl(0, 0%, 85%); --clr-tertiary: hsl(108, 39%, 50%); --border-sec: hsl(0, 0%, 22%); --psl-clr-primary: hsl(108, 39%, 50%); --psl-clr-primary-l-1: hsl(120, 100%, 20%); --psl-clr-primary-l-2: hsl(108, 39%, 83%); --clr-quetta-bg: rgb(67, 40, 107, 0.56); --clr-danger: rgb(241, 89, 42, 0.56); --clr-peshawar: rgb(255, 194, 15, 0.56); --clr-success: rgb(186, 255, 190, 0.66); --sports-tertiary: hsl(34, 100%, 50%); --sports-primary: hsl(250, 90%, 15%); --sports-primary-l-1: hsl(250, 81%, 22%); --sports-primary-l-2: hsl(253, 100%, 15%); --sports-primary-l-3: hsl(250, 16%, 58%); --sports-primary-l-4: hsl(250, 16%, 72%); --sports-primary-l-5: hsl(250, 16%, 86%); --clr-dark-l-1: hsl(0, 0%, 0%); --clr-dark-l-2: hsl(0, 0%, 100%); --clr-dark-l-3: hsl(0, 0%, 100%); --clr-dark-l-4: #ffffff; --clr-dark-l-5: hsl(0, 0%, 95%); --clr-primary-l-1: hsl(208, 56%, 31%); --clr-primary-l-2: hsl(207, 56%, 31%); --space-2xs: clamp(0.82rem, calc(0.0009259259259259267 * (100vw - 36rem) + 0.82rem), 0.92rem); --space-xs: clamp(1.02rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.02rem), 1.15rem); --space-s: clamp(1.28rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.28rem), 1.44rem); --space-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --space-l: clamp(2rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2rem), 2.25rem); --space-xl: clamp(2.5rem, calc(0.002870370370370371 * (100vw - 36rem) + 2.5rem), 2.81rem); --space-2xl: clamp(3.13rem, calc(0.0036111111111111122 * (100vw - 36rem) + 3.13rem), 3.52rem); --space-3xl: clamp(2rem, calc(0.018518518518518517 * (100vw - 36rem) + 2rem), 4rem); --space-inline: 1.5rem; --grid-gap: 1.6rem; --text-base-static: 1.6rem; --font-2xs: clamp(0.82rem, calc(0.0009259259259259267 * (100vw - 36rem) + 0.82rem), 0.92rem); --font-xs: clamp(1.02rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.02rem), 1.15rem); --font-s: clamp(1.28rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.28rem), 1.44rem); --font-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --font-l: clamp(2rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2rem), 2.25rem); --font-xl: clamp(2.5rem, calc(0.002870370370370371 * (100vw - 36rem) + 2.5rem), 2.81rem); --font-2xl: clamp(3.13rem, calc(0.0036111111111111122 * (100vw - 36rem) + 3.13rem), 3.52rem); --font-3xl: clamp(2.2rem, calc(0.0036111111111111122 * (100vw - 36rem) + 2.2rem), 3.2rem); --h2: clamp(2.2rem, .7648vw + 1.9553rem, 3rem); --h3: clamp(2rem, .7648vw + 1.7553rem, 2.8rem); --h4: clamp(1.8rem, .7648vw + 1.5553rem, 2.6rem); --h5: clamp(1.8rem, .7648vw + 1.5553rem, 2.6rem); --h6: clamp(1.65rem, .5258vw + 1.4817rem, 2.2rem);}