:root { --black: #000000; --white: #ffffff; --brand: #8C17FF; --brand-l-1: #a951ff; --brand-l-2: #c68bff; --brand-l-3: #e2c5ff; --brand-d-1: #6911bf; --brand-d-2: #460c80; --brand-d-3: #230640; --transparent: hsl(0 0% 100% / 0); --black-l-1: #242424; --black-l-2: #494949; --black-l-3: #6d6d6d; --black-l-4: #929292; --black-l-5: #b6b6b6; --black-l-6: #dbdbdb; --tx--20: clamp(1.125rem, 1vw + 0.9rem, calc(20 / 16 * 1rem)); --tx--24: clamp(1.25rem, 1.5vw + 0.9rem, calc(24 / 16 * 1rem)); --tx--32: clamp(1.375rem, 2vw + 1rem, calc(32 / 16 * 1rem)); --tx--36: clamp(1.5rem, 2.5vw + 1rem, calc(36 / 16 * 1rem)); --tx--48: clamp(1.875rem, 3vw + 1.2rem, calc(48 / 16 * 1rem)); --tx--56: clamp(2.0625rem, 3.25vw + 1.35rem, calc(56 / 16 * 1rem)); --tx--64: clamp(2.25rem, 3.5vw + 1.5rem, calc(64 / 16 * 1rem)); --tx--80: clamp(2.625rem, 4vw + 1.75rem, calc(80 / 16 * 1rem)); --tx--96: clamp(3rem, 4.5vw + 2rem, calc(96 / 16 * 1rem)); --tx--hero: clamp(40px,5.6vw,96px); --tx--4: calc(4 / 16 * 1rem);; --tx--6: calc(6 / 16 * 1rem); --tx--8: calc(8 / 16 * 1rem); --tx--10: calc(10 / 16 * 1rem); --tx--11: calc(11 / 16 * 1rem); --tx--12: calc(12 / 16 * 1rem); --tx--13: calc(13 / 16 * 1rem); --tx--14: calc(14 / 16 * 1rem); --tx--15: calc(15 / 16 * 1rem); --tx--16: calc(16 / 16 * 1rem); --tx--18: clamp(1rem, 1vw + 0.6rem, calc(18 / 16 * 1rem));}