:root { --primary: #1F202E; --primary-5: #1f202e0d; --primary-10: #1f202e1a; --primary-20: #1f202e33; --primary-30: #1f202e4d; --primary-40: #1f202e66; --primary-50: #1f202e80; --primary-60: #1f202e99; --primary-70: #1f202eb3; --primary-80: #1f202ecc; --primary-90: #1f202ee6; --primary-d-1: #191a24; --primary-d-2: #14141a; --primary-d-3: #0a0a0f; --primary-l-1: #51515d; --primary-l-2: #85858e; --primary-l-3: #c2c2c7; --secondary: #6B42FF; --secondary-l-1: #9970ff; --secondary-l-2: #be9eff; --secondary-l-3: #e3d1ff; --accent: #ff5841; --accent-l-1: #beff8f; --accent-l-2: #d4ffb3; --accent-l-3: #ebffdb; --neutrals: #E1E1E1; --neutrals-d-1: #a3a3a3; --neutrals-d-2: #6b6b6b; --neutrals-d-3: #363636; --bg-body: #f6f6f6; --bg-surface: hsla(0, 0%, 100%, 1); --text-body: hsla(0, 0%, 25%, 1); --text-title: #1F202E; --border-primary: hsla(0, 0%, 50%, 0.25); --shadow-primary: hsla(0, 0%, 0%, 0.15); --light: hsla(85, 0%, 100%, 1); --light-5: hsla(0, 0%, 100%, 0.05); --light-10: hsla(0, 0%, 100%, 0.1); --light-20: hsla(0, 0%, 100%, 0.2); --light-30: hsla(0, 0%, 100%, 0.3); --light-40: hsla(0, 0%, 100%, 0.4); --light-50: hsla(0, 0%, 100%, 0.5); --light-60: hsla(0, 0%, 100%, 0.6); --light-70: hsla(0, 0%, 100%, 0.7); --light-80: hsla(0, 0%, 100%, 0.8); --light-90: hsla(0, 0%, 100%, 0.9); --dark: hsla(0, 0%, 0%, 1); --dark-5: hsla(0, 0%, 0%, 0.05); --dark-10: hsla(0, 0%, 0%, 0.1); --dark-20: hsla(0, 0%, 0%, 0.2); --dark-30: hsla(0, 0%, 0%, 0.3); --dark-40: hsla(0, 0%, 0%, 0.4); --dark-50: hsla(0, 0%, 0%, 0.5); --dark-60: hsla(0, 0%, 0%, 0.6); --dark-70: hsla(0, 0%, 0%, 0.7); --dark-80: hsla(0, 0%, 0%, 0.8); --dark-90: hsla(0, 0%, 0%, 0.9); --success: hsla(136, 82%, 69%, 1); --success-l-1: hsla(133, 83%, 78%, 1); --success-l-2: hsla(130, 84%, 86%, 1); --success-l-3: hsla(129, 86%, 93%, 1); --error: hsla(351, 81%, 61%, 1); --error-5: hsla(351, 81%, 61%, 0.05); --error-10: hsla(351, 81%, 61%, 0.1); --error-20: hsla(351, 81%, 61%, 0.2); --error-30: hsla(351, 81%, 61%, 0.3); --error-40: hsla(351, 81%, 61%, 0.4); --error-50: hsla(351, 81%, 61%, 0.5); --error-60: hsla(351, 81%, 61%, 0.6); --error-70: hsla(351, 81%, 61%, 0.7); --error-80: hsla(351, 81%, 61%, 0.8); --error-90: hsla(351, 81%, 61%, 0.9); --accent-d-1: #cc4634; --accent-d-2: #993527; --accent-d-3: #66231a; --accent-d-4: #33120d; --accent-l-4: #ffded9;}