:root { --global-primary: hsl(0, 0%, 91%); --global-dark: hsl(300, 2%, 8%); --global-secondary: hsl(0, 0%, 55%); --global-light-tint: hsl(75, 20%, 96%); --global-light: hsl(0, 0%, 91%); --global-dark-t-1: hsla(300, 0%, 85%, 0.17); --global-dark-t-2: hsla(300, 0%, 69%, 0.33); --global-dark-t-3: hsla(300, 0%, 54%, 0.5); --global-dark-t-4: hsla(300, 0%, 39%, 0.67); --global-dark-t-5: hsla(300, 1%, 23%, 0.83); --transport-primary: hsl(164, 88%, 28%); --transport-primary-l-1: hsl(164, 51%, 40%); --transport-primary-l-2: hsl(164, 34%, 52%); --transport-primary-l-3: hsl(164, 34%, 64%); --transport-primary-l-4: hsl(164, 34%, 76%); --transport-primary-l-5: hsl(164, 34%, 88%); --security-primary: hsl(0, 0%, 7%); --security-primary-l-1: hsl(0, 0%, 23%); --security-primary-l-2: hsl(0, 0%, 38%); --security-primary-l-3: hsl(0, 0%, 54%); --security-primary-l-4: hsl(0, 0%, 69%); --security-primary-l-5: hsl(0, 0%, 85%); --health-primary: hsl(208, 55%, 51%); --health-primary-l-1: hsl(208, 55%, 59%); --health-primary-l-2: hsl(208, 55%, 67%); --health-primary-l-3: hsl(208, 55%, 75%); --health-primary-l-4: hsl(208, 55%, 84%); --health-primary-l-5: hsl(208, 55%, 92%); --construction-primary: hsl(23, 90%, 54%); --construction-primary-l-1: hsl(23, 90%, 62%); --construction-primary-l-2: hsl(23, 90%, 69%); --construction-primary-l-3: hsl(23, 90%, 77%); --construction-primary-l-4: hsl(23, 90%, 85%); --construction-primary-l-5: hsl(23, 90%, 92%); --industrial-primary: hsl(53, 84%, 52%); --industrial-primary-l-1: hsl(53, 84%, 60%); --industrial-primary-l-2: hsl(53, 84%, 68%); --industrial-primary-l-3: hsl(53, 84%, 76%); --industrial-primary-l-4: hsl(53, 84%, 84%); --industrial-primary-l-5: hsl(53, 84%, 92%); --industrial-primary-d-1: hsl(53, 77%, 43%); --industrial-primary-d-2: hsl(53, 77%, 35%); --industrial-primary-d-3: hsl(53, 77%, 26%); --industrial-primary-d-4: hsl(53, 77%, 17%); --industrial-primary-d-5: hsl(53, 77%, 9%); --heading-2xs: clamp(0.68rem, calc(0.0023148148148148147 * (100vw - 36rem) + 0.68rem), 0.93rem); --heading-xs: clamp(0.9rem, calc(0.0031481481481481477 * (100vw - 36rem) + 0.9rem), 1.24rem); --heading-s: clamp(1.2rem, calc(0.004166666666666667 * (100vw - 36rem) + 1.2rem), 1.65rem); --heading-m: clamp(1.6rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.6rem), 2.2rem); --heading-l: clamp(2.13rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.13rem), 2.93rem); --heading-xl: clamp(2.84rem, calc(0.00990740740740741 * (100vw - 36rem) + 2.84rem), 3.91rem); --heading-2xl: clamp(3.79rem, calc(0.013148148148148147 * (100vw - 36rem) + 3.79rem), 5.21rem); --text-2xs: clamp(0.68rem, calc(0 * (100vw - 36rem) + 0.68rem), 0.68rem); --text-xs: clamp(0.9rem, calc(0 * (100vw - 36rem) + 0.9rem), 0.9rem); --text-s: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-l: clamp(2.13rem, calc(0 * (100vw - 36rem) + 2.13rem), 2.13rem); --text-xl: clamp(2.84rem, calc(0 * (100vw - 36rem) + 2.84rem), 2.84rem); --text-2xl: clamp(3.79rem, calc(0 * (100vw - 36rem) + 3.79rem), 3.79rem); --space-2xs: clamp(0.38rem, calc(0.0008333333333333331 * (100vw - 36rem) + 0.38rem), 0.47rem); --space-xs: clamp(0.61rem, calc(0.0013888888888888892 * (100vw - 36rem) + 0.61rem), 0.76rem); --space-s: clamp(0.99rem, calc(0.0023148148148148147 * (100vw - 36rem) + 0.99rem), 1.24rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.59rem, calc(0.006018518518518522 * (100vw - 36rem) + 2.59rem), 3.24rem); --space-xl: clamp(4.19rem, calc(0.00972222222222222 * (100vw - 36rem) + 4.19rem), 5.24rem); --space-2xl: clamp(6.78rem, calc(0.01564814814814815 * (100vw - 36rem) + 6.78rem), 8.47rem);}