:root {  --primary: hsla(32.81, 28.6%, 43.9%, 1); --secondary: hsla(15, 32%, 19.6%, 1); --neutral: hsla(0, 0%, 100%, 1); --dark: hsla(0, 0%, 17.6%, 1); --light: hsla(48, 23.8%, 95.9%, 1);  --primary-50: hsla(32.81, 28.6%, 95%, 1); --primary-450: hsla(32.81, 28.6%, 48%, 1); --primary-500: hsla(32.81, 28.6%, 43.9%, 1); --primary-850: hsla(32.81, 28.6%, 18%, 1); --secondary-50: hsla(15, 32%, 95%, 1); --secondary-450: hsla(15, 32%, 24%, 1); --secondary-500: hsla(15, 32%, 19.6%, 1); --grayscale-0: #ffffff;  --text-2xs: clamp(0.66rem, -0.13vi + 0.69rem, 0.58rem); --text-xs: clamp(0.76rem, -0.1vi + 0.78rem, 0.69rem); --text-sm: clamp(0.87rem, -0.06vi + 0.88rem, 0.83rem); --text-base: clamp(1rem, 0vi + 1rem, 1rem); --text-lg: clamp(1.15rem, 0.08vi + 1.13rem, 1.2rem); --text-xl: clamp(1.32rem, 0.19vi + 1.28rem, 1.44rem); --text-2xl: clamp(1.52rem, 0.33vi + 1.45rem, 1.73rem); --text-3xl: clamp(1.75rem, 0.52vi + 1.63rem, 2.07rem); --text-4xl: clamp(2.01rem, 0.76vi + 1.84rem, 2.49rem); --text-5xl: clamp(2.31rem, 1.07vi + 2.07rem, 2.99rem); --text-6xl: clamp(2.66rem, 1.47vi + 2.33rem, 3.58rem); --text-7xl: clamp(3.06rem, 1.97vi + 2.61rem, 4.3rem);  --p-0_5: 0.125rem; --p-1: 0.25rem; --p-1_5: 0.375rem; --p-2: 0.5rem; --p-2_5: 0.625rem; --p-3: 0.75rem; --p-3_5: 0.875rem; --p-4: 1rem; --p-5: 1.25rem; --p-6: 1.5rem; --p-7: 1.75rem; --p-8: 2rem; --p-9: 2.25rem; --p-10: 2.5rem; --p-11: 2.75rem; --p-12: 3rem; --p-14: 3.5rem; --p-16: 4rem; --p-20: 5rem; --p-24: 6rem; --p-28: 7rem; --p-32: 8rem; --p-36: 9rem; --p-40: 10rem; --p-44: 11rem; --p-48: 12rem; --p-52: 13rem; --p-56: 14rem; --p-60: 15rem; --p-64: 16rem; --p-72: 18rem; --p-80: 20rem; --p-96: 24rem;  --header-height: 80px; --header-mobile-height: 64px; --container-width-2xs: 640px; --container-width-xs: 768px; --container-width-s: 1024px; --container-width-base: 1366px; --container-width-xl: 1536px; --btn-radius: 20px; --card-radius: 32px; --image-radius: 50px; --input-radius: 10px; --border-width: 1px; --border-width-thick: 2px; }