:root { --brand-1-500: #512466; --brand-1-300: #7A5A8A ; --brand-1-200: #A586B0; --brand-1-100: #CDBBD3; --brand-2-500: #002035; --brand-2-300: #405667; --brand-2-200: #7f8e99; --brand-2-100: #bfc7cc; --brand-3-500: #85A1B4; --brand-3-300: #A3B8C6; --brand-3-200: #C2D0D9; --brand-3-100: #E0E7EC; --button-1-bg: #EBE455; --button-1-bg-hover: #d3d017; --button-1-txt: #0c1012; --button-2-bg: #7A5A8A; --button-2-bg-hover: #512466; --button-2-txt: #fffff; --body-text-color: hsl(200 20% 6% / 0.65); --text-gray: hsl(200 20% 6% / 0.45);}