:root { --primary: #8CEF56; --primary-l-1: #a3f278; --primary-l-2: #baf59a; --primary-l-3: #d1f9bb; --primary-l-4: #e8fcdd; --primary-d-1: #70bf45; --primary-d-2: #548f34; --primary-d-3: #386022; --primary-d-4: #1c3011; --primary-t-1: hsla(99, 83%, 64%, 0.09); --primary-t-2: hsla(99, 83%, 64%, 0.18); --primary-t-3: hsla(99, 83%, 64%, 0.27); --primary-t-4: hsla(99, 83%, 64%, 0.36); --primary-t-5: hsla(99, 83%, 64%, 0.45); --primary-t-6: hsla(99, 83%, 64%, 0.55); --primary-t-7: hsla(99, 83%, 64%, 0.64); --primary-t-8: hsla(99, 83%, 64%, 0.73); --primary-t-9: hsla(99, 83%, 64%, 0.82); --primary-t-10: hsla(99, 83%, 64%, 0.91); --text-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --text-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --text-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --text-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --h4: clamp(1.12rem, calc(0.002222222222222221 * (100vw - 22.5rem) + 1.12rem), 1.27rem); --h3: clamp(1.4rem, calc(0.004296296296296297 * (100vw - 22.5rem) + 1.4rem), 1.69rem); --h2: clamp(1.75rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.75rem), 2.25rem); --h1: clamp(2.19rem, calc(0.012 * (100vw - 22.5rem) + 2.19rem), 3rem); --h-display: clamp(2.73rem, calc(0.018814814814814815 * (100vw - 22.5rem) + 2.73rem), 4rem);}