:root { --accent: #ED1C24; --text: #1E0203; --white: #FFFFFF; --white-t-1: hsla(0, 0%, 100%, 0.7); --white-t-2: hsla(0, 0%, 100%, 0.6); --background: #C3B7AA; --background-t-1: hsla(31, 17%, 72%, 0.5); --background-t-2: hsla(31, 17%, 72%, 0.3); --background-t-3: hsla(31, 17%, 72%, 0.2); --background-t-4: hsla(31, 17%, 72%, 0.1); --background-l-1: #f9f8f7; --text-t-1: hsla(358, 88%, 6%, 0.7); --text-t-2: hsla(358, 88%, 6%, 0.6); --text-t-3: hsla(358, 88%, 6%, 0.4); --text-t-4: hsla(358, 88%, 6%, 0.2); --text-t-5: hsla(358, 88%, 6%, 0.16); --accent-t-1: hsla(358, 85%, 52%, 0.16); --accent-t-2: hsla(358, 85%, 52%, 0.14); --accent-t-3: hsla(358, 85%, 52%, 0.12); --accent-t-4: hsla(358, 85%, 52%, 0.1); --accent-t-5: hsla(358, 85%, 52%, 0.08); --accent-d-1: #c31f25; --text-m: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --text-l: clamp(2.2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.2rem), 2.6rem); --heading-s: clamp(2.2rem, calc(0.007407407407407406 * (100vw - 36rem) + 2.2rem), 3rem); --heading-m: clamp(3rem, calc(0.009259259259259259 * (100vw - 36rem) + 3rem), 4rem); --heading-l: clamp(4.4rem, calc(0.08888888888888889 * (100vw - 36rem) + 4.4rem), 14rem); --btn-s: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --btn-l: clamp(2.2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.2rem), 2.6rem); --gap-s: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --gap-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --gap-l: clamp(3.2rem, calc(0.02962962962962963 * (100vw - 36rem) + 3.2rem), 6.4rem); --padding-s: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --padding-m: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --padding-l: clamp(2.2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2.2rem), 3.2rem); --padding-xl: clamp(3rem, calc(0.046296296296296294 * (100vw - 36rem) + 3rem), 8rem);}