:root { --primary: hsla(2,100%,65%,1); --accent: hsla(2,100%,55%,1); --primary-d-1: hsla(2,100%,30%,1); --primary-d-2: hsla(2,100%,25%,1); --primary-d-3: hsla(2,100%,20%,1); --primary-d-4: hsla(2,100%,15%,1); --primary-d-5: hsla(2,100%,10%,1); --primary-l-1: hsla(2,100%,80%,1); --primary-l-2: hsla(2,100%,85%,1); --primary-l-3: hsla(2,100%,90%,1); --primary-l-4: hsla(2,100%,95%,1); --primary-l-5: hsla(2,100%,97%,1); --primary-transparent-5: hsla(2,100%,65%,0.05); --primary-transparent-10: hsla(2,100%,65%,0.1); --primary-transparent-20: hsla(2,100%,65%,0.2); --primary-transparent-30: hsla(2,100%,65%,0.3); --primary-transparent-40: hsla(2,100%,65%,0.4); --primary-transparent-50: hsla(2,100%,65%,0.5); --primary-transparent-60: hsla(2,100%,65%,0.6); --primary-transparent-70: hsla(2,100%,65%,0.7); --primary-transparent-80: hsla(2,100%,65%,0.8); --primary-transparent-90: hsla(2,100%,65%,0.9); --dark: hsla(0,0%,0%,1); --dark-l-1: hsla(0,0%,5%,1); --dark-l-2: hsla(0,0%,10%,1); --dark-l-3: hsla(0,0%,15%,1); --dark-l-4: hsla(0,0%,20%,1); --dark-l-5: hsla(0,0%,25%,1); --dark-transparent-5: hsla(0,0%,0%,0.05); --dark-transparent-10: hsla(0,0%,0%,0.1); --dark-transparent-20: hsla(0,0%,0%,0.2); --dark-transparent-30: hsla(0,0%,0%,0.3); --dark-transparent-40: hsla(0,0%,0%,0.4); --dark-transparent-50: hsla(0,0%,0%,0.5); --dark-transparent-60: hsla(0,0%,0%,0.6); --dark-transparent-70: hsla(0,0%,0%,0.7); --dark-transparent-80: hsla(0,0%,0%,0.8); --dark-transparent-90: hsla(0,0%,0%,0.9); --light: hsla(0,0%,100%,1); --light-d-1: hsla(0,0%,98%,1); --light-d-2: hsla(0,0%,96%,1); --light-d-3: hsla(0,0%,90%,1); --light-d-4: hsla(0,0%,85%,1); --light-d-5: hsla(0,0%,80%,1); --light-transparent-5: hsla(0,0%,100%,0.05); --light-transparent-10: hsla(0,0%,100%,0.1); --light-transparent-20: hsla(0,0%,100%,0.2); --light-transparent-30: hsla(0,0%,100%,0.3); --light-transparent-40: hsla(0,0%,100%,0.4); --light-transparent-50: hsla(0,0%,100%,0.5); --light-transparent-60: hsla(0,0%,100%,0.6); --light-transparent-70: hsla(0,0%,100%,0.7); --light-transparent-80: hsla(0,0%,100%,0.8); --light-transparent-90: hsla(0,0%,100%,0.9); --success: hsla(130,60%,45%,1); --info: hsla(210,80%,50%,1); --warning: hsl(40 100 55); --danger: hsla(10,80%,50%,1); --transparent: hsla(0,0%,0%,0);}