:root { --black: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --grey: hsl(0, 0%, 50%); --primary: hsl(226, 26%, 40%); --secondary: hsl(190, 100%, 65%); --accent: hsl(48, 100%, 65%); --text-dark: hsl(0, 0%, 0%); --text-light: hsl(0, 0%, 100%); --black-t-1: rgba(36, 36, 36, 0.86); --black-t-2: rgba(73, 73, 73, 0.71); --black-t-3: rgba(109, 109, 109, 0.57); --black-t-4: rgba(146, 146, 146, 0.43); --black-t-5: rgba(182, 182, 182, 0.29); --black-t-6: rgba(219, 219, 219, 0.14); --grey-l-1: rgb(146, 146, 146); --grey-l-2: rgb(164, 164, 164); --grey-l-3: rgb(182, 182, 182); --grey-l-4: rgb(201, 201, 201); --grey-l-5: rgb(219, 219, 219); --grey-l-6: rgb(237, 237, 237); --grey-d-1: rgb(110, 110, 110); --grey-d-2: rgb(91, 91, 91); --grey-d-3: rgb(73, 73, 73); --grey-d-4: rgb(55, 55, 55); --grey-d-5: rgb(37, 37, 37); --grey-d-6: rgb(18, 18, 18); --overlay: hsla(0, 0%, 0%, 0.45); --text-2xs: clamp(0.77rem, calc(-0.0003205128205128208 * (100vw - 36rem) + 0.77rem), 0.72rem); --text-xs: clamp(0.96rem, calc(0 * (100vw - 36rem) + 0.96rem), 0.96rem); --text-s: clamp(1.2rem, calc(0.0005128205128205133 * (100vw - 36rem) + 1.2rem), 1.28rem); --text-m: clamp(1.5rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.5rem), 1.7rem); --text-l: clamp(1.88rem, calc(0.002500000000000001 * (100vw - 36rem) + 1.88rem), 2.27rem); --text-xl: clamp(2.34rem, calc(0.00435897435897436 * (100vw - 36rem) + 2.34rem), 3.02rem); --text-2xl: clamp(2.93rem, calc(0.007051282051282052 * (100vw - 36rem) + 2.93rem), 4.03rem); --text-3xl: clamp(3.66rem, calc(0.010961538461538462 * (100vw - 36rem) + 3.66rem), 5.37rem);}