:root { --my-orange: #e18533; --my-cream: #f8e1cc; --my-black: #282828; --my-black-d-1: #1e1e1e; --my-black-d-2: #161616; --my-black-d-3: #999999; --my-white: #ffffff; --my-orange-5: #e18533; --my-orange-10: #e18533; --my-orange-20: #e18533; --my-orange-30: #e18533; --my-orange-40: #e18533; --my-orange-50: #e18533; --my-orange-60: #e18533; --my-orange-70: #e18533; --my-orange-80: #e18533; --my-orange-90: #e18533; --my-orange-d-1: #3838c7; --my-orange-d-2: #302b91; --my-orange-d-3: #261f60; --my-orange-d-4: #18132f; --my-orange-l-1: #7866ff; --my-orange-l-2: #9f8aff; --my-orange-l-3: #c4b3ff; --my-orange-l-4: #e1d6ff; --my-cream-5: #f8e1cc; --my-cream-10: #f8e1cc; --my-cream-20: #f8e1cc; --my-cream-30: #f8e1cc; --my-cream-40: #f8e1cc; --my-cream-50: #f8e1cc; --my-cream-60: #f8e1cc; --my-cream-70: #f8e1cc; --my-cream-80: #f8e1cc; --my-cream-90: #f8e1cc; --my-cream-d-1: #c34d4b; --my-cream-d-2: #913d3b; --my-cream-d-3: #5d2a28; --my-cream-d-4: #301917; --my-cream-l-1: #ff8680; --my-cream-l-2: #ffa69e; --my-cream-l-3: #ffc3bd; --my-cream-l-4: #ffdfdb; --my-black-5: #282828; --my-black-10: #282828; --my-black-20: #282828; --my-black-30: #282828; --my-black-40: #282828; --my-black-50: #282828; --my-black-60: #282828; --my-black-70: #282828; --my-black-80: #282828; --my-black-90: #282828; --my-white-5: #ffffff; --my-white-10: #ffffff; --my-white-20: #ffffff; --my-white-30: #ffffff; --my-white-40: #ffffff; --my-white-50: #ffffff; --my-white-60: #ffffff; --my-white-70: #ffffff; --my-white-80: #ffffff; --my-white-90: #ffffff; --bg-body: hsl(0 0% 90%); --bg-surface: hsl(0 0% 100%); --text-body: hsl(0 0% 25%); --text-title: hsl(0 0% 0%); --border-primary: hsl(0 0% 50% / 0.25); --shadow-primary: hsl(0 0% 0% / 0.15); --light: hsl(0 0% 100%); --light-5: hsl(0 0% 100% / 0.05); --light-10: hsl(0 0% 100% / 0.1); --light-20: hsl(0 0% 100% / 0.2); --light-30: hsl(0 0% 100% / 0.3); --light-40: hsl(0 0% 100% / 0.4); --light-50: hsl(0 0% 100% / 0.5); --light-60: hsl(0 0% 100% / 0.6); --light-70: hsl(0 0% 100% / 0.7); --light-80: hsl(0 0% 100% / 0.8); --light-90: hsl(0 0% 100% / 0.9); --dark: hsl(0 0% 0%); --dark-5: hsl(0 0% 0% / 0.05); --dark-10: hsl(0 0% 0% / 0.1); --dark-20: hsl(0 0% 0% / 0.2); --dark-30: hsl(0 0% 0% / 0.3); --dark-40: hsl(0 0% 0% / 0.4); --dark-50: hsl(0 0% 0% / 0.5); --dark-60: hsl(0 0% 0% / 0.6); --dark-70: hsl(0 0% 0% / 0.7); --dark-80: hsl(0 0% 0% / 0.8); --dark-90: hsl(0 0% 0% / 0.9); --success: hsl(136 95% 56%); --success-5: hsl(136 95% 56% / 0.05); --success-10: hsl(136 95% 56% / 0.1); --success-20: hsl(136 95% 56% / 0.2); --success-30: hsl(136 95% 56% / 0.3); --success-40: hsl(136 95% 56% / 0.4); --success-50: hsl(136 95% 56% / 0.5); --success-60: hsl(136 95% 56% / 0.6); --success-70: hsl(136 95% 56% / 0.7); --success-80: hsl(136 95% 56% / 0.8); --success-90: hsl(136 95% 56% / 0.9); --error: hsl(351 95% 56%); --error-5: hsl(351 95% 56% / 0.05); --error-10: hsl(351 95% 56% / 0.1); --error-20: hsl(351 95% 56% / 0.2); --error-30: hsl(351 95% 56% / 0.3); --error-40: hsl(351 95% 56% / 0.4); --error-50: hsl(351 95% 56% / 0.5); --error-60: hsl(351 95% 56% / 0.6); --error-70: hsl(351 95% 56% / 0.7); --error-80: hsl(351 95% 56% / 0.8); --error-90: hsl(351 95% 56% / 0.9);}