:root { --primary: hsla(224, 78%, 54%, 1); --secondary: hsla(0,94%,68%,1); --tertiary: hsla(198,74%,51%,1); --text-body: hsla(0,0%,25%,1); --text-title: hsla(0,0%,0%,1); --border-primary: hsla(0,0%,50%,0.25); --shadow-primary: hsla(0,0%,0%,0.15); --light: hsl(85,0%,100%); --dark: hsla(0,0%,0%,1); --success: hsl(136,95%,56%); --error: hsl(351,95%,56%); --bg-surface: hsla(0,0%,100%,1); --bg-body: rgba(230, 230, 230, 1); --color-158: hsl(0 0% 100% / 0.95); --light-t-1: hsla(0, 0%, 100%, 0.1); --light-t-2: hsla(0, 0%, 100%, 0.2); --light-t-3: hsla(0, 0%, 100%, 0.3); --light-t-4: hsla(0, 0%, 100%, 0.4); --light-t-5: hsla(0, 0%, 100%, 0.5); --light-t-6: hsla(0, 0%, 100%, 0.6); --light-t-7: hsla(0, 0%, 100%, 0.7); --light-t-8: hsla(0, 0%, 100%, 0.8); --light-t-9: hsla(0, 0%, 100%, 0.9); --dark-t-1: hsla(0, 0%, 0%, 0.1); --dark-t-2: hsla(0, 0%, 0%, 0.2); --dark-t-3: hsla(0, 0%, 0%, 0.3); --dark-t-4: hsla(0, 0%, 0%, 0.4); --dark-t-5: hsla(0, 0%, 0%, 0.5); --dark-t-6: hsla(0, 0%, 0%, 0.6); --dark-t-7: hsla(0, 0%, 0%, 0.7); --dark-t-8: hsla(0, 0%, 0%, 0.8); --dark-t-9: hsla(0, 0%, 0%, 0.9); --bg-body-d-1: rgb(213, 215, 221); --bg-body-d-2: rgb(183, 184, 190); --bg-body-d-3: rgb(155, 156, 161); --bg-body-d-4: rgb(128, 129, 133); --bg-body-d-5: rgb(100, 101, 104); --bg-body-d-6: rgb(75, 76, 78); --bg-body-d-7: rgb(50, 51, 52); --bg-body-d-8: rgb(28, 28, 28); --bg-body-l-1: rgb(243, 245, 252); --bg-body-l-2: rgb(247, 248, 253); --bg-body-l-3: rgb(247, 248, 253); --bg-body-l-4: rgb(247, 248, 253); --bg-body-l-5: rgb(251, 252, 254); --bg-body-l-6: rgb(251, 252, 254); --bg-body-l-7: rgb(251, 252, 254); --bg-body-l-8: rgb(255, 255, 255);}