:root { --primary: #f4ebdf; --secondary: #11423f; --tertiary: #226d68; --text-title: hsla(0, 0%, 0%, 1); --text-body: hsla(0, 0%, 25%, 1); --primary-l-1: #f6eee4; --primary-l-2: #f8f2ea; --primary-l-3: #faf5ef; --primary-l-4: #fbf8f4; --primary-l-5: #fdfcfa; --primary-d-1: #cbc4ba; --primary-d-2: #a39d95; --primary-d-3: #7a7670; --primary-d-4: #514e4a; --primary-d-5: #292725; --primary-t-1: hsla(34, 49%, 92%, 0.17); --primary-t-2: hsla(34, 49%, 92%, 0.33); --primary-t-3: hsla(34, 49%, 92%, 0.5); --primary-t-4: hsla(34, 49%, 92%, 0.67); --primary-t-5: hsla(34, 49%, 92%, 0.83); --secondary-l-1: #39615f; --secondary-l-2: #60817f; --secondary-l-3: #88a19f; --secondary-l-4: #b0c0bf; --secondary-l-5: #d7e0df; --secondary-d-1: #0e3735; --secondary-d-2: #0b2c2a; --secondary-d-3: #092120; --secondary-d-4: #061615; --secondary-d-5: #030b0b; --secondary-t-1: hsla(176, 59%, 16%, 0.17); --secondary-t-2: hsla(176, 59%, 16%, 0.33); --secondary-t-3: hsla(176, 59%, 16%, 0.5); --secondary-t-4: hsla(176, 59%, 16%, 0.67); --secondary-t-5: hsla(176, 59%, 16%, 0.83); --tertiary-l-1: #478581; --tertiary-l-2: #6c9e9a; --tertiary-l-3: #91b6b4; --tertiary-l-4: #b5cecd; --tertiary-l-5: #dae7e6; --tertiary-d-1: #1c5b57; --tertiary-d-2: #174945; --tertiary-d-3: #113734; --tertiary-d-4: #0b2423; --tertiary-d-5: #061211; --tertiary-t-1: hsla(176, 52%, 28%, 0.17); --tertiary-t-2: hsla(176, 52%, 28%, 0.33); --tertiary-t-3: hsla(176, 52%, 28%, 0.5); --tertiary-t-4: hsla(176, 52%, 28%, 0.67); --tertiary-t-5: hsla(176, 52%, 28%, 0.83); --text-2xs: clamp(0.92rem, calc(0.00009259259259259267 * (100vw - 36rem) + 0.92rem), 0.93rem); --text-xs: clamp(1.15rem, calc(0.000833333333333334 * (100vw - 36rem) + 1.15rem), 1.24rem); --text-s: clamp(1.44rem, calc(0.0019444444444444442 * (100vw - 36rem) + 1.44rem), 1.65rem); --text-m: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --text-l: clamp(2.25rem, calc(0.006296296296296298 * (100vw - 36rem) + 2.25rem), 2.93rem); --text-xl: clamp(2.81rem, calc(0.010185185185185186 * (100vw - 36rem) + 2.81rem), 3.91rem); --text-2xl: clamp(3.52rem, calc(0.015648148148148147 * (100vw - 36rem) + 3.52rem), 5.21rem); --text-3xl: clamp(4.39rem, calc(0.017777777777777778 * (100vw - 36rem) + 4.39rem), 6.31rem); --text-4xl: clamp(5.49rem, calc(0.02712962962962963 * (100vw - 36rem) + 5.49rem), 8.42rem); --text-5xl: clamp(6.87rem, calc(0.04027777777777778 * (100vw - 36rem) + 6.87rem), 11.22rem); --space-2xs: clamp(0.92rem, calc(0.00009259259259259267 * (100vw - 36rem) + 0.92rem), 0.93rem); --space-xs: clamp(1.15rem, calc(0.000833333333333334 * (100vw - 36rem) + 1.15rem), 1.24rem); --space-s: clamp(1.44rem, calc(0.0019444444444444442 * (100vw - 36rem) + 1.44rem), 1.65rem); --space-m: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --space-l: clamp(2.25rem, calc(0.006296296296296298 * (100vw - 36rem) + 2.25rem), 2.93rem); --space-xl: clamp(2.81rem, calc(0.010185185185185186 * (100vw - 36rem) + 2.81rem), 3.91rem); --space-2xl: clamp(3.52rem, calc(0.015648148148148147 * (100vw - 36rem) + 3.52rem), 5.21rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.text-primary { color: var(--primary); }.text-primary-l-1 { color: var(--primary-l-1); }.text-primary-l-2 { color: var(--primary-l-2); }.text-primary-l-3 { color: var(--primary-l-3); }.text-primary-l-4 { color: var(--primary-l-4); }.text-primary-l-5 { color: var(--primary-l-5); }.text-primary-d-1 { color: var(--primary-d-1); }.text-primary-d-2 { color: var(--primary-d-2); }.text-primary-d-3 { color: var(--primary-d-3); }.text-primary-d-4 { color: var(--primary-d-4); }.text-primary-d-5 { color: var(--primary-d-5); }.text-primary-t-1 { color: var(--primary-t-1); }.text-primary-t-2 { color: var(--primary-t-2); }.text-primary-t-3 { color: var(--primary-t-3); }.text-primary-t-4 { color: var(--primary-t-4); }.text-primary-t-5 { color: var(--primary-t-5); }.bg-secondary { background-color: var(--secondary); }.bg-secondary-l-1 { background-color: var(--secondary-l-1); }.bg-secondary-l-2 { background-color: var(--secondary-l-2); }.bg-secondary-l-3 { background-color: var(--secondary-l-3); }.bg-secondary-l-4 { background-color: var(--secondary-l-4); }.bg-secondary-l-5 { background-color: var(--secondary-l-5); }.bg-secondary-d-1 { background-color: var(--secondary-d-1); }.bg-secondary-d-2 { background-color: var(--secondary-d-2); }.bg-secondary-d-3 { background-color: var(--secondary-d-3); }.bg-secondary-d-4 { background-color: var(--secondary-d-4); }.bg-secondary-d-5 { background-color: var(--secondary-d-5); }.bg-secondary-t-1 { background-color: var(--secondary-t-1); }.bg-secondary-t-2 { background-color: var(--secondary-t-2); }.bg-secondary-t-3 { background-color: var(--secondary-t-3); }.bg-secondary-t-4 { background-color: var(--secondary-t-4); }.bg-secondary-t-5 { background-color: var(--secondary-t-5); }.text-secondary { color: var(--secondary); }.text-secondary-l-1 { color: var(--secondary-l-1); }.text-secondary-l-2 { color: var(--secondary-l-2); }.text-secondary-l-3 { color: var(--secondary-l-3); }.text-secondary-l-4 { color: var(--secondary-l-4); }.text-secondary-l-5 { color: var(--secondary-l-5); }.text-secondary-d-1 { color: var(--secondary-d-1); }.text-secondary-d-2 { color: var(--secondary-d-2); }.text-secondary-d-3 { color: var(--secondary-d-3); }.text-secondary-d-4 { color: var(--secondary-d-4); }.text-secondary-d-5 { color: var(--secondary-d-5); }.text-secondary-t-1 { color: var(--secondary-t-1); }.text-secondary-t-2 { color: var(--secondary-t-2); }.text-secondary-t-3 { color: var(--secondary-t-3); }.text-secondary-t-4 { color: var(--secondary-t-4); }.text-secondary-t-5 { color: var(--secondary-t-5); }.bg-tertiary { background-color: var(--tertiary); }.bg-tertiary-l-1 { background-color: var(--tertiary-l-1); }.bg-tertiary-l-2 { background-color: var(--tertiary-l-2); }.bg-tertiary-l-3 { background-color: var(--tertiary-l-3); }.bg-tertiary-l-4 { background-color: var(--tertiary-l-4); }.bg-tertiary-l-5 { background-color: var(--tertiary-l-5); }.bg-tertiary-d-1 { background-color: var(--tertiary-d-1); }.bg-tertiary-d-2 { background-color: var(--tertiary-d-2); }.bg-tertiary-d-3 { background-color: var(--tertiary-d-3); }.bg-tertiary-d-4 { background-color: var(--tertiary-d-4); }.bg-tertiary-d-5 { background-color: var(--tertiary-d-5); }.bg-tertiary-t-1 { background-color: var(--tertiary-t-1); }.bg-tertiary-t-2 { background-color: var(--tertiary-t-2); }.bg-tertiary-t-3 { background-color: var(--tertiary-t-3); }.bg-tertiary-t-4 { background-color: var(--tertiary-t-4); }.bg-tertiary-t-5 { background-color: var(--tertiary-t-5); }.text-tertiary { color: var(--tertiary); }.text-tertiary-l-1 { color: var(--tertiary-l-1); }.text-tertiary-l-2 { color: var(--tertiary-l-2); }.text-tertiary-l-3 { color: var(--tertiary-l-3); }.text-tertiary-l-4 { color: var(--tertiary-l-4); }.text-tertiary-l-5 { color: var(--tertiary-l-5); }.text-tertiary-d-1 { color: var(--tertiary-d-1); }.text-tertiary-d-2 { color: var(--tertiary-d-2); }.text-tertiary-d-3 { color: var(--tertiary-d-3); }.text-tertiary-d-4 { color: var(--tertiary-d-4); }.text-tertiary-d-5 { color: var(--tertiary-d-5); }.text-tertiary-t-1 { color: var(--tertiary-t-1); }.text-tertiary-t-2 { color: var(--tertiary-t-2); }.text-tertiary-t-3 { color: var(--tertiary-t-3); }.text-tertiary-t-4 { color: var(--tertiary-t-4); }.text-tertiary-t-5 { color: var(--tertiary-t-5); }.text-text-title { color: var(--text-title); }.text-text-body { color: var(--text-body); }.text-2xs { --text-*: var(--text-2xs); }.text-xs { --text-*: var(--text-xs); }.text-s { --text-*: var(--text-s); }.text-m { --text-*: var(--text-m); }.text-l { --text-*: var(--text-l); }.text-xl { --text-*: var(--text-xl); }.text-2xl { --text-*: var(--text-2xl); }.text-3xl { --text-*: var(--text-3xl); }.text-4xl { --text-*: var(--text-4xl); }.text-5xl { --text-*: var(--text-5xl); }.space-2xs { --space-*: var(--space-2xs); }.space-xs { --space-*: var(--space-xs); }.space-s { --space-*: var(--space-s); }.space-m { --space-*: var(--space-m); }.space-l { --space-*: var(--space-l); }.space-xl { --space-*: var(--space-xl); }.space-2xl { --space-*: var(--space-2xl); }