:root { --primary: #0A0909; --primary-t-1: hsla(0, 5%, 4%, 0.33); --primary-t-2: hsla(0, 5%, 4%, 0.67); --primary-d-1: #080808; --primary-d-2: #070606; --primary-d-3: #050505; --primary-d-4: #030303; --primary-d-5: #020202; --success: #29AE29; --warning: #FFC62A; --error: #EF4444; --orange: #ED7615; --lavender: #6E3CF5; --sussie: #38E1F1; --blue-jeans: #0082FF; --primary-l-1: #252424; --primary-l-2: #404040; --primary-l-3: #5c5b5b; --primary-l-4: #777676; --primary-l-5: #929292; --primary-l-6: #adadad; --primary-l-7: #dbdbdb; --primary-l-8: #e4e4e4; --h6: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --h5: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --h4: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --h3: clamp(2rem, calc(0.011111111111111113 * (100vw - 36rem) + 2rem), 3.2rem); --h2: clamp(2.4rem, calc(0.022222222222222223 * (100vw - 36rem) + 2.4rem), 4.8rem); --h1: clamp(2.4rem, calc(0.037037037037037035 * (100vw - 36rem) + 2.4rem), 6.4rem); --Display-l: clamp(3.2rem, calc(0.04814814814814815 * (100vw - 36rem) + 3.2rem), 8.4rem); --Display-xl: clamp(4.8rem, calc(0.08518518518518518 * (100vw - 36rem) + 4.8rem), 14rem); --Display-2xl: clamp(4.8rem, calc(0.16574074074074072 * (100vw - 36rem) + 4.8rem), 22.7rem); --text-s: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-m: clamp(1.4rem, calc(0 * (100vw - 36rem) + 1.4rem), 1.4rem); --text-l: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-xl: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --scale-3xs: calc(var(--scale-s) * 0.512); --scale-2xs: calc(var(--scale-s) * 0.64); --scale-xs: calc(var(--scale-s) * 0.8); --scale-s: clamp(calc(1rem * (18 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (18 / var(--base-font)))) + (((20 - 18) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (20 / var(--base-font))));; --scale-m: calc(var(--scale-s) * 1.25); --scale-l: calc(var(--scale-s) * 1.563); --scale-xl: calc(var(--scale-s) * 1.953); --scale-2xl: calc(var(--scale-s) * 2.441); --scale-3xl: calc(var(--scale-s) * 3.052); --space-xs: clamp(0.6rem, calc(0 * (100vw - 36rem) + 0.6rem), 0.6rem); --space-s: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-l: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --space-xl: clamp(4.8rem, calc(0.016666666666666666 * (100vw - 36rem) + 4.8rem), 6.6rem);}