:root { --night-sea-green: hsl(176 100% 37%); --persian-blue: hsl(234 75% 43%); --success: hsl(134 61% 41%); --danger: hsl(354 70% 54%); --info: hsl(188 78% 41%); --warning: hsl(45 100% 51%); --primary-light-1: hsl(176 100% 84%); --primary-light-2: hsl(176 100% 72%); --primary-light-3: hsl(176 100% 60%); --primary-light-4: hsl(176 100% 52%); --white: hsl(0 0% 100%); --gray-1: hsl(0 0% 80%); --gray-2: hsl(0 0% 73%); --gray-3: hsl(0 0% 40%); --gray-4: hsl(0 0% 20%); --black: hsl(0 0% 0%); --primary-dark-1: hsl(177 100% 36%); --primary-dark-2: hsl(177 100% 31%); --primary-dark-3: hsl(177 100% 21%); --primary-dark-4: hsl(178 100% 13%); --text-2xs: clamp(1.32rem, calc(0.004119850187265915 * (100vw - 47.8rem) + 1.32rem), 1.65rem); --text-xs: clamp(1.41rem, calc(0.004369538077403246 * (100vw - 47.8rem) + 1.41rem), 1.76rem); --text-s: clamp(1.5rem, calc(0.004619225967540575 * (100vw - 47.8rem) + 1.5rem), 1.87rem); --text-m: clamp(1.6rem, calc(0.004993757802746565 * (100vw - 47.8rem) + 1.6rem), 2rem); --text-l: clamp(1.71rem, calc(0.005243445692883894 * (100vw - 47.8rem) + 1.71rem), 2.13rem); --text-xl: clamp(1.82rem, calc(0.005742821473158548 * (100vw - 47.8rem) + 1.82rem), 2.28rem); --text-2xl: clamp(1.94rem, calc(0.006117353308364546 * (100vw - 47.8rem) + 1.94rem), 2.43rem); --heading-2xs: clamp(1.23rem, calc(0.0013869625520110955 * (100vw - 47.8rem) + 1.23rem), 1.43rem); --heading-xs: clamp(1.54rem, calc(0.0017337031900138697 * (100vw - 47.8rem) + 1.54rem), 1.79rem); --heading-s: clamp(1.92rem, calc(0.0022191400832177553 * (100vw - 47.8rem) + 1.92rem), 2.24rem); --heading-m: clamp(2.4rem, calc(0.002773925104022191 * (100vw - 47.8rem) + 2.4rem), 2.8rem); --heading-l: clamp(3rem, calc(0.0034674063800277394 * (100vw - 47.8rem) + 3rem), 3.5rem); --heading-xl: clamp(3.75rem, calc(0.004368932038834951 * (100vw - 47.8rem) + 3.75rem), 4.38rem); --heading-2xl: clamp(4.69rem, calc(0.0054091539528432694 * (100vw - 47.8rem) + 4.69rem), 5.47rem);}