:root { --jk-white: hsl(0, 0%, 100%); --jk-cream: #F9F6E3; --jk-primary: #F95F43; --jk-dark: #201411; --jk-dark-t-1: hsla(12, 31%, 10%, 0.09); --jk-dark-t-2: hsla(12, 31%, 10%, 0.18); --jk-dark-t-3: hsla(12, 31%, 10%, 0.27); --jk-dark-t-4: hsla(12, 31%, 10%, 0.36); --jk-dark-t-5: hsla(12, 31%, 10%, 0.45); --jk-dark-t-6: hsla(12, 31%, 10%, 0.55); --jk-dark-t-7: hsla(12, 31%, 10%, 0.64); --jk-dark-t-8: hsla(12, 31%, 10%, 0.73); --jk-dark-t-9: hsla(12, 31%, 10%, 0.82); --jk-dark-t-10: hsla(12, 31%, 10%, 0.91); --jk-black: hsl(0, 0%, 0%); --jk-cream-d-1: #e2e0ce; --jk-cream-d-2: #ccc9ba; --jk-cream-d-3: #b5b3a5; --jk-cream-d-4: #9e9d90; --jk-cream-d-5: #88867c; --jk-cream-d-6: #717067; --jk-cream-d-7: #5b5953; --jk-cream-d-8: #44433e; --jk-cream-d-9: #2d2d29; --jk-cream-d-10: #171615; --jk-cream-l-1: #faf7e6; --jk-cream-l-2: #faf8e8; --jk-cream-l-3: #fbf8eb; --jk-cream-l-4: #fbf9ed; --jk-cream-l-5: #fcfaf0; --jk-cream-l-6: #fcfbf2; --jk-cream-l-7: #fdfcf5; --jk-cream-l-8: #fdfdf7; --jk-cream-l-9: #fefdfa; --jk-cream-l-10: #fefefc; --jk-primary-d-1: #e2563d; --jk-primary-d-2: #cc4e37; --jk-primary-d-3: #b54531; --jk-primary-d-4: #9e3c2b; --jk-primary-d-5: #883425; --jk-primary-d-6: #712b1e; --jk-primary-d-7: #5b2318; --jk-primary-d-8: #441a12; --jk-primary-d-9: #2d110c; --jk-primary-d-10: #170906; --jk-secondary: #F8A42E; --jk-white-t-1: hsla(0, 0%, 100%, 0.09); --jk-white-t-2: hsla(0, 0%, 100%, 0.18); --jk-white-t-3: hsla(0, 0%, 100%, 0.27); --jk-white-t-4: hsla(0, 0%, 100%, 0.36); --jk-white-t-5: hsla(0, 0%, 100%, 0.45); --jk-white-t-6: hsla(0, 0%, 100%, 0.55); --jk-white-t-7: hsla(0, 0%, 100%, 0.64); --jk-white-t-8: hsla(0, 0%, 100%, 0.73); --jk-white-t-9: hsla(0, 0%, 100%, 0.82); --jk-white-t-10: hsla(0, 0%, 100%, 0.91); --heading-2xs: clamp(1.02rem, calc(0.0019444444444444442 * (100vw - 36rem) + 1.02rem), 1.23rem); --heading-xs: clamp(1.28rem, calc(0.0024074074074074076 * (100vw - 36rem) + 1.28rem), 1.54rem); --heading-s: clamp(1.6rem, calc(0.0029629629629629615 * (100vw - 36rem) + 1.6rem), 1.92rem); --heading-m: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --heading-l: clamp(2.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 2.5rem), 3rem); --heading-xl: clamp(3.13rem, calc(0.005740740740740742 * (100vw - 36rem) + 3.13rem), 3.75rem); --heading-2xl: clamp(3.91rem, calc(0.0072222222222222245 * (100vw - 36rem) + 3.91rem), 4.69rem); --space-2xs: clamp(0.47rem, calc(0.0022222222222222222 * (100vw - 36rem) + 0.47rem), 0.71rem); --space-xs: clamp(0.71rem, calc(0.0033333333333333344 * (100vw - 36rem) + 0.71rem), 1.07rem); --space-s: clamp(1.07rem, calc(0.004907407407407408 * (100vw - 36rem) + 1.07rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-l: clamp(2.4rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.4rem), 3.6rem); --space-xl: clamp(3.6rem, calc(0.01666666666666667 * (100vw - 36rem) + 3.6rem), 5.4rem); --space-2xl: clamp(5.4rem, calc(0.024999999999999994 * (100vw - 36rem) + 5.4rem), 8.1rem); --text-2xs: clamp(0.82rem, calc(0.0009259259259259267 * (100vw - 36rem) + 0.82rem), 0.92rem); --text-xs: clamp(1.02rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.02rem), 1.15rem); --text-s: clamp(1.28rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.28rem), 1.44rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2rem), 2.25rem); --text-xl: clamp(2.5rem, calc(0.002870370370370371 * (100vw - 36rem) + 2.5rem), 2.81rem); --text-2xl: clamp(3.13rem, calc(0.0036111111111111122 * (100vw - 36rem) + 3.13rem), 3.52rem);}