: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%); --df-jade-deep: #146006; --df-surface-light: #ffffff; --df-jade-deep-l-1: #296e1d; --df-jade-deep-l-2: #3f7d33; --df-jade-deep-l-3: #548b4a; --df-jade-deep-l-4: #699a61; --df-jade-deep-l-5: #7fa877; --df-jade-deep-l-6: #94b78e; --df-jade-deep-l-7: #aac5a4; --df-jade-deep-l-8: #bfd4bb; --df-jade-deep-l-9: #d4e2d2; --df-jade-deep-l-10: #eaf1e8; --df-surface-grape: rgb(0, 1, 32); --df-surface-dull: hsl(46, 14%, 85%); --df-jade-deep-t-1: hsla(111, 88%, 20%, 0.09); --df-jade-deep-t-2: hsla(111, 88%, 20%, 0.18); --df-jade-deep-t-3: hsla(111, 88%, 20%, 0.27); --df-jade-deep-t-4: hsla(111, 88%, 20%, 0.36); --df-jade-deep-t-5: hsla(111, 88%, 20%, 0.45); --df-jade-deep-t-6: hsla(111, 88%, 20%, 0.55); --df-jade-deep-t-7: hsla(111, 88%, 20%, 0.64); --df-jade-deep-t-8: hsla(111, 88%, 20%, 0.73); --df-jade-deep-t-9: hsla(111, 88%, 20%, 0.82); --df-jade-deep-t-10: hsla(111, 88%, 20%, 0.91); --df-surface-light-t-1: hsla(0, 0%, 100%, 0.09); --df-surface-light-t-2: hsla(0, 0%, 100%, 0.18); --df-surface-light-t-3: hsla(0, 0%, 100%, 0.27); --df-surface-light-t-4: hsla(0, 0%, 100%, 0.36); --df-surface-light-t-5: hsla(0, 0%, 100%, 0.45); --df-surface-light-t-6: hsla(0, 0%, 100%, 0.55); --df-surface-light-t-7: hsla(0, 0%, 100%, 0.64); --df-surface-light-t-8: hsla(0, 0%, 100%, 0.73); --df-surface-light-t-9: hsla(0, 0%, 100%, 0.82); --df-surface-light-t-10: hsla(0, 0%, 100%, 0.91); --df-surface-grape-l-1: rgb(23, 24, 52); --df-surface-grape-l-2: rgb(46, 47, 73); --df-surface-grape-l-3: rgb(70, 70, 93); --df-surface-grape-l-4: rgb(93, 93, 113); --df-surface-grape-l-5: rgb(116, 116, 133); --df-surface-grape-l-6: rgb(139, 140, 154); --df-surface-grape-l-7: rgb(162, 163, 174); --df-surface-grape-l-8: rgb(185, 186, 194); --df-surface-grape-l-9: rgb(209, 209, 214); --df-surface-grape-l-10: rgb(232, 232, 235); --df-surface-grape-t-1: rgba(0, 1, 32, 0.09); --df-surface-grape-t-2: rgba(0, 1, 32, 0.18); --df-surface-grape-t-3: rgba(0, 1, 32, 0.27); --df-surface-grape-t-4: rgba(0, 1, 32, 0.36); --df-surface-grape-t-5: rgba(0, 1, 32, 0.45); --df-surface-grape-t-6: rgba(0, 1, 32, 0.55); --df-surface-grape-t-7: rgba(0, 1, 32, 0.64); --df-surface-grape-t-8: rgba(0, 1, 32, 0.73); --df-surface-grape-t-9: rgba(0, 1, 32, 0.82); --df-surface-grape-t-10: rgba(0, 1, 32, 0.91); --heading-2xs: clamp(1.01rem, calc(0.003148148148148149 * (100vw - 36rem) + 1.01rem), 1.35rem); --heading-xs: clamp(1.35rem, calc(0.004166666666666667 * (100vw - 36rem) + 1.35rem), 1.8rem); --heading-s: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --heading-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --heading-l: clamp(3.2rem, calc(0.009907407407407401 * (100vw - 36rem) + 3.2rem), 4.27rem); --heading-xl: clamp(4.26rem, calc(0.013240740740740746 * (100vw - 36rem) + 4.26rem), 5.69rem); --heading-2xl: clamp(5.68rem, calc(0.017592592592592597 * (100vw - 36rem) + 5.68rem), 7.58rem); --text-2xs: clamp(0.68rem, calc(0.0007407407407407404 * (100vw - 36rem) + 0.68rem), 0.76rem); --text-xs: clamp(0.9rem, calc(0.0010185185185185184 * (100vw - 36rem) + 0.9rem), 1.01rem); --text-s: clamp(1.2rem, calc(0.00138888888888889 * (100vw - 36rem) + 1.2rem), 1.35rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2.13rem, calc(0.0025 * (100vw - 36rem) + 2.13rem), 2.4rem); --text-xl: clamp(2.84rem, calc(0.003333333333333336 * (100vw - 36rem) + 2.84rem), 3.2rem); --text-2xl: clamp(3.79rem, calc(0.00435185185185185 * (100vw - 36rem) + 3.79rem), 4.26rem); --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);}