:root { --gray: hsl(0, 3%, 28%); --blue: #1f476f; --blue-d-0: #384c60; --blue-d-1: #242940; --blue-l-0: #426787; --blue-l-1: #65879e; --blue-l-2: #89a5b6; --blue-l-3: #adc2cd; --blue-l-4: #d1dee3; --blue-l-5: #f6f9fa; --rust: #83461F; --rust-d-1: #572f15; --rust-d-2: #2c170a; --rust-l-1: #a98164; --rust-l-2: #cfbaa8; --rust-l-3: #f5f1ed; --gray-l-1: hsl(0, 1%, 38%); --gray-l-2: hsl(0, 1%, 48%); --gray-l-3: hsl(0, 1%, 58%); --gray-l-4: hsl(0, 1%, 70%); --gray-l-5: hsl(0, 1%, 79%); --gray-l-6: hsl(0, 1%, 86%); --gray-l-7: hsl(0, 1%, 94%); --gray-d-1: hsl(0, 2%, 20%); --gray-d-2: hsl(0, 3%, 8%); --green: hsl(150, 40%, 30%); --green-l-1: hsl(150, 17%, 53%); --green-l-2: hsl(150, 17%, 77%); --green-d-1: hsl(150, 40%, 20%); --green-d-2: hsl(150, 40%, 10%); --blue-t-1: hsla(210, 56%, 28%, 0.25); --blue-t-2: hsla(210, 56%, 28%, 0.5); --blue-t-3: hsla(210, 56%, 28%, 0.75); --space-xxs: clamp(1rem, calc(0.009259259259259259 * (100vw - 36rem) + 1rem), 2rem); --space-xs: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-s: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --space-m: clamp(6rem, calc(0.018518518518518517 * (100vw - 36rem) + 6rem), 8rem); --space-l: clamp(8rem, calc(0.037037037037037035 * (100vw - 36rem) + 8rem), 12rem); --space-xl: clamp(12rem, calc(0.05555555555555555 * (100vw - 36rem) + 12rem), 18rem); --space-xxl: clamp(16rem, calc(0.07407407407407407 * (100vw - 36rem) + 16rem), 24rem);}