:root { --black: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --grey: hsl(0, 0%, 50%); --primary: hsl(230, 100%, 65%); --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.82rem, calc(-0.00038461538461538424 * (100vw - 36rem) + 0.82rem), 0.76rem); --text-xs: clamp(1.02rem, calc(-0.00006410256410256416 * (100vw - 36rem) + 1.02rem), 1.01rem); --text-s: clamp(1.28rem, calc(0.0004487179487179491 * (100vw - 36rem) + 1.28rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.0025641025641025637 * (100vw - 36rem) + 2rem), 2.4rem); --text-xl: clamp(2.5rem, calc(0.004487179487179489 * (100vw - 36rem) + 2.5rem), 3.2rem); --text-2xl: clamp(3.13rem, calc(0.007243589743589743 * (100vw - 36rem) + 3.13rem), 4.26rem); --text-3xl: clamp(3.91rem, calc(0.011346153846153843 * (100vw - 36rem) + 3.91rem), 5.68rem);}