:root { --primary: hsl(194, 99%, 48%); --primary-ultra-light: hsl(230, 30%, 97%); --primary-dark: hsl(200, 50%, 35%); --primary-black: hsl(195, 95%, 8%); --secondary: #eabd27; --tertiary: #9ab63f; --quaternary: #8e5373; --bg-grey-ite: hsl(240, 8%, 97%); --grey-light: #f3f5f8; --grey-ultra-light: #f9f9fc; --white: #ffffff; --semi-dark: #3a3a3a; --dark: #0a0a0a; --black: #000000; --title-color: hsl(179, 95%, 8%); --text-color: hsl(0, 0%, 33%); --shadow: hsla(210, 49%, 17%, 0.1); --border: hsl(0, 0%, 91%); --info: hsl(210, 76%, 54%); --success: hsl(124, 58%, 57%); --warning: hsl(29, 62%, 63%); --danger: hsl(0, 75%, 61%); --space-2xs: clamp(0.95rem, calc(0.00046296296296296336 * (100vw - 36rem) + 0.95rem), 1rem); --space-xs: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --space-s: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --space-m: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --space-l: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --space-xl: clamp(4.25rem, calc(0.023148148148148147 * (100vw - 36rem) + 4.25rem), 6.75rem); --space-2xl: clamp(5.6rem, calc(0.031481481481481485 * (100vw - 36rem) + 5.6rem), 9rem); --section-space-s: clamp(4rem, calc(0.03479125248508946 * (100vw - 36rem) + 4rem), 7.5rem); --section-space-m: clamp(4.8rem, calc(0.04174950298210736 * (100vw - 36rem) + 4.8rem), 9rem); --section-space-l: clamp(5.76rem, calc(0.05009940357852884 * (100vw - 36rem) + 5.76rem), 10.8rem); --padding-card-s: clamp(3.2rem, calc(0 * (100vw - 32rem) + 3.2rem), 3.2rem); --padding-card-m: clamp(3.2rem, calc(0.016666666666666663 * (100vw - 32rem) + 3.2rem), 4.8rem); --padding-card-l: clamp(4.8rem, calc(0.016666666666666673 * (100vw - 32rem) + 4.8rem), 6.4rem); --gutter: clamp(2.4rem, calc(0.07916666666666666 * (100vw - 32rem) + 2.4rem), 10rem); --h6: clamp(1.8rem, calc(0.002083333333333333 * (100vw - 32rem) + 1.8rem), 2rem); --h5: clamp(2rem, calc(0.004166666666666666 * (100vw - 32rem) + 2rem), 2.4rem); --h4: clamp(2.4rem, calc(0.004166666666666666 * (100vw - 32rem) + 2.4rem), 2.8rem); --h3: clamp(2.6rem, calc(0.004166666666666666 * (100vw - 32rem) + 2.6rem), 3rem); --h2: clamp(2.8rem, calc(0.006250000000000001 * (100vw - 32rem) + 2.8rem), 3.4rem); --h1: clamp(3rem, calc(0.01875 * (100vw - 32rem) + 3rem), 4.8rem); --h1-hero-home: clamp(4rem, calc(0.029166666666666664 * (100vw - 32rem) + 4rem), 6.8rem); --text-hero-home: clamp(1.6rem, calc(0.0010416666666666654 * (100vw - 32rem) + 1.6rem), 1.7rem); --title-grid-card: clamp(2rem, calc(0.002083333333333335 * (100vw - 32rem) + 2rem), 2.2rem); --text-2xs: clamp(1.2rem, calc(0.0005208333333333338 * (100vw - 32rem) + 1.2rem), 1.25rem); --text-xs: clamp(1.3rem, calc(0.0005208333333333338 * (100vw - 32rem) + 1.3rem), 1.35rem); --text-s: clamp(1.4rem, calc(0.0005208333333333338 * (100vw - 32rem) + 1.4rem), 1.45rem); --text-m: clamp(1.5rem, calc(0.0005208333333333338 * (100vw - 32rem) + 1.5rem), 1.55rem); --text-l: clamp(1.6rem, calc(0.0010416666666666654 * (100vw - 32rem) + 1.6rem), 1.7rem); --text-xl: clamp(1.8rem, calc(0.0031250000000000006 * (100vw - 32rem) + 1.8rem), 2.1rem); --text-2xl: clamp(2rem, calc(0.003124999999999998 * (100vw - 32rem) + 2rem), 2.3rem); --accent-title: clamp(1.25rem, calc(0.0005208333333333338 * (100vw - 32rem) + 1.25rem), 1.3rem);}.bg-secondary { background-color: var(--secondary); }.bg-tertiary { background-color: var(--tertiary); }.bg-quaternary { background-color: var(--quaternary); }.bg-grey-light { background-color: var(--grey-light); }.bg-grey-ultra-light { background-color: var(--grey-ultra-light); }.bg-white { background-color: var(--white); }