:root { --primary: hsla(186, 93%, 35%, 1); --primary-5: hsla(186, 93%, 35%, 0.05); --primary-10: hsla(186, 93%, 35%, 0.1); --primary-20: hsla(186, 93%, 35%, 0.2); --primary-30: hsla(186, 93%, 35%, 0.3); --primary-40: hsla(186, 93%, 35%, 0.4); --primary-50: hsla(186, 93%, 35%, 0.5); --primary-60: hsla(186, 93%, 35%, 0.6); --primary-70: hsla(186, 93%, 35%, 0.7); --primary-80: hsla(186, 93%, 35%, 0.8); --primary-90: hsla(186, 93%, 35%, 0.9); --primary-d-1: hsla(187, 79%, 34%, 1); --primary-d-2: hsla(187, 71%, 31%, 1); --primary-d-3: hsla(187, 64%, 28%, 1); --primary-d-4: hsla(187, 58%, 25%, 1); --primary-d-5: hsla(188, 51%, 21%, 1); --primary-d-6: hsla(189, 46%, 18%, 1); --primary-d-7: hsla(188, 41%, 14%, 1); --primary-d-8: hsla(187, 32%, 11%, 1); --primary-d-9: hsla(185, 31%, 7%, 1); --primary-l-1: hsla(188, 50%, 47%, 1); --primary-l-2: hsla(188, 43%, 55%, 1); --primary-l-3: hsla(188, 42%, 61%, 1); --primary-l-4: hsla(188, 41%, 67%, 1); --primary-l-5: hsla(188, 41%, 72%, 1); --primary-l-6: hsla(188, 40%, 78%, 1); --primary-l-7: hsla(189, 41%, 84%, 1); --primary-l-8: hsla(188, 39%, 89%, 1); --primary-l-9: hsla(186, 38%, 95%, 1); --secondary: hsla(349, 76%, 49%, 1); --secondary-5: hsla(349, 76%, 49%, 0.05); --secondary-10: hsla(349, 76%, 49%, 0.1); --secondary-20: hsla(349, 76%, 49%, 0.2); --secondary-30: hsla(349, 76%, 49%, 0.3); --secondary-40: hsla(349, 76%, 49%, 0.4); --secondary-50: hsla(349, 76%, 49%, 0.5); --secondary-60: hsla(349, 76%, 49%, 0.6); --secondary-70: hsla(349, 76%, 49%, 0.7); --secondary-80: hsla(349, 76%, 49%, 0.8); --secondary-90: hsla(349, 76%, 49%, 0.9); --secondary-d-1: hsla(351, 72%, 44%, 1); --secondary-d-2: hsla(352, 68%, 40%, 1); --secondary-d-3: hsla(353, 65%, 35%, 1); --secondary-d-4: hsla(354, 61%, 31%, 1); --secondary-d-5: hsla(356, 56%, 26%, 1); --secondary-d-6: hsla(357, 54%, 22%, 1); --secondary-d-7: hsla(0, 47%, 17%, 1); --secondary-d-8: hsla(2, 44%, 12%, 1); --secondary-d-9: hsla(7, 50%, 7%, 1); --secondary-l-1: hsla(355, 73%, 57%, 1); --secondary-l-2: hsla(358, 75%, 64%, 1); --secondary-l-3: hsla(0, 78%, 69%, 1); --secondary-l-4: hsla(1, 82%, 74%, 1); --secondary-l-5: hsla(2, 87%, 79%, 1); --secondary-l-6: hsla(3, 91%, 83%, 1); --secondary-l-7: hsla(3, 97%, 88%, 1); --secondary-l-8: hsla(4, 100%, 92%, 1); --secondary-l-9: hsla(3, 100%, 96%, 1); --bg-body: #f4f9ff; --bg-body-reverse: hsla(0, 0%, 10%, 1); --bg-surface: hsla(0, 0%, 94%, 1); --text-body: #707e8f; --text-body-reverse: hsla(0, 0%, 100%, 1); --text-title: hsla(0, 0%, 12%, 1); --text-title-reverse: hsla(0, 0%, 100%, 1); --border-primary: hsla(0, 0%, 58%, 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); --dark-d-1: hsl(0, 0%, 0%); --dark-d-2: hsl(0, 0%, 0%); --dark-d-3: hsl(0, 0%, 0%); --dark-d-4: hsl(0, 0%, 0%); --dark-d-5: hsl(0, 0%, 0%); --dark-d-6: hsl(0, 0%, 0%); --dark-d-7: hsl(0, 0%, 0%); --dark-d-8: hsl(0, 0%, 0%); --dark-d-9: hsl(0, 0%, 0%); --dark-l-1: hsl(147, 0%, 11%); --dark-l-2: hsl(146, 0%, 19%); --dark-l-3: hsl(146, 0%, 28%); --dark-l-4: hsl(145, 0%, 37%); --dark-l-5: hsl(145, 0%, 47%); --dark-l-6: hsl(145, 0%, 57%); --dark-l-7: hsl(145, 0%, 67%); --dark-l-8: hsl(145, 0%, 78%); --dark-l-9: hsl(145, 0%, 89%); --success: hsl(136, 95%, 56%); --success-5: hsla(136, 95%, 56%, 0.05); --success-10: hsla(136, 95%, 56%, 0.1); --success-20: hsla(136, 95%, 56%, 0.2); --success-30: hsla(136, 95%, 56%, 0.3); --success-40: hsla(136, 95%, 56%, 0.4); --success-50: hsla(136, 95%, 56%, 0.5); --success-60: hsla(136, 95%, 56%, 0.6); --success-70: hsla(136, 95%, 56%, 0.7); --success-80: hsla(136, 95%, 56%, 0.8); --success-90: hsla(136, 95%, 56%, 0.9); --error: hsl(351, 95%, 56%); --error-5: hsla(351, 95%, 56%, 0.05); --error-10: hsla(351, 95%, 56%, 0.1); --error-20: hsla(351, 95%, 56%, 0.2); --error-30: hsla(351, 95%, 56%, 0.3); --error-40: hsla(351, 95%, 56%, 0.4); --error-50: hsla(351, 95%, 56%, 0.5); --error-60: hsla(351, 95%, 56%, 0.6); --error-70: hsla(351, 95%, 56%, 0.7); --error-80: hsla(351, 95%, 56%, 0.8); --error-90: hsla(351, 95%, 56%, 0.9); --border-color: #d3deeb;}.border-border-color { border-color: var(--border-color); }