:root{--shades-0: #ffffff;--shades-50: #fbfbfb;--shades-100: #f7f7f7;--shades-150: #ebebeb;--shades-200: #c1c1c1;--shades-300: #a3a3a3;--shades-400: #9a989b;--shades-500: #5c5c5c;--shades-600: #343434;--shades-700: #262626;--shades-900: #000000;--purple-dark: #7d19ff;--blue-bright: #72d3ff;--blue-dark: #3f8fbf;--blue-light: #dff5ff;--pink-bright: #ff90f4;--pink-dark: #dd53ce;--pink-light: #ffeafd;--orange-bright: #ff5f3b;--orange-dark: #e14d1c;--red-dark: #c41d1d;--red-light: #ffeeee;--green-dark: #45933e;--green-dark-green: #00822e;--green-light: #e0fdde;--lime-dark: #8baf34;--yellow-dark: #9e8813;--yellow-darker: #b4ad3c;--yellow-light: #faffd5;--yellow-bright: #faed6c;--gold-dark: #b29a6d;--stroke-soft-200: #ebebeb;--radius-4: 4px;--radius-8: 8px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-32: 32px;--radius-40: 40px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-80: 80px;--spacing-120: 120px;--button-text-shadow: inset 1px 1px 2px rgb(0 0 0 / .16)}