:root { --white-color: #FFFFFF; --white-color-t-1: hsla(0, 0%, 100%, 0.09); --white-color-t-2: hsla(0, 0%, 100%, 0.18); --white-color-t-3: hsla(0, 0%, 100%, 0.27); --white-color-t-4: hsla(0, 0%, 100%, 0.36); --white-color-t-5: hsla(0, 0%, 100%, 0.45); --white-color-t-6: hsla(0, 0%, 100%, 0.55); --white-color-t-7: hsla(0, 0%, 100%, 0.64); --white-color-t-8: hsla(0, 0%, 100%, 0.73); --white-color-t-9: hsla(0, 0%, 100%, 0.82); --white-color-t-10: hsla(0, 0%, 100%, 0.91); --black-color: #000000; --black-color-t-1: hsla(0, 0%, 0%, 0.09); --black-color-t-2: hsla(0, 0%, 0%, 0.18); --black-color-t-3: hsla(0, 0%, 0%, 0.27); --black-color-t-4: hsla(0, 0%, 0%, 0.36); --black-color-t-5: hsla(0, 0%, 0%, 0.45); --black-color-t-6: hsla(0, 0%, 0%, 0.55); --black-color-t-7: hsla(0, 0%, 0%, 0.64); --black-color-t-8: hsla(0, 0%, 0%, 0.73); --black-color-t-9: hsla(0, 0%, 0%, 0.82); --black-color-t-10: hsla(0, 0%, 0%, 0.91); --red-color: #FF3A4F; --green-color: #7ADE68; --sky-color: #21CBF9; --green-color-t-1: hsla(111, 64%, 64%, 0.17); --green-color-t-2: hsla(111, 64%, 64%, 0.33); --green-color-t-3: hsla(111, 64%, 64%, 0.5); --green-color-t-4: hsla(111, 64%, 64%, 0.67); --green-color-t-5: hsla(111, 64%, 64%, 0.83); --pink-color: #E266E0; --yellow-color: #FFEC1B; --bg-color: #FFFDF7; --cream-color: #FFF8EC; --text-body: clamp(0.88rem, calc(0.002853067047075606 * (100vw - 47.94rem) + 0.88rem), 1rem); --text-h1: clamp(2.5rem, calc(0.02377555872563005 * (100vw - 47.94rem) + 2.5rem), 3.5rem); --text-h2: clamp(2rem, calc(0.02377555872563005 * (100vw - 47.94rem) + 2rem), 3rem); --text-h3: clamp(1.5rem, calc(0.009034712315739418 * (100vw - 47.94rem) + 1.5rem), 1.88rem); --text-h4: clamp(1.25rem, calc(0.005943889681407513 * (100vw - 47.94rem) + 1.25rem), 1.5rem); --text-h5: clamp(1rem, calc(0.005943889681407513 * (100vw - 47.94rem) + 1rem), 1.25rem); --text-h6: clamp(0.88rem, calc(0.002853067047075606 * (100vw - 47.94rem) + 0.88rem), 1rem); --text-small: clamp(0.75rem, calc(0.003090822634331907 * (100vw - 47.94rem) + 0.75rem), 0.88rem); --text-medium: clamp(1rem, calc(0.005943889681407513 * (100vw - 47.94rem) + 1rem), 1.25rem); --text-large: clamp(1.25rem, calc(0.005943889681407513 * (100vw - 47.94rem) + 1.25rem), 1.5rem); --text-very-small: clamp(0.63rem, calc(0.002853067047075606 * (100vw - 47.94rem) + 0.63rem), 0.75rem); --text-very-large: clamp(2.25rem, calc(0.05349500713266762 * (100vw - 47.94rem) + 2.25rem), 4.5rem);}