:root { --alfa: hsl(310, 75%, 25%); --bravo: hsl(310, 71%, 20%); --line: hsl(310, 75%, 25%); --line-inv: hsl(273,0%,98%); --line-hover: hsl(259.71000000000004,88.24%,40%); --divider: hsl(2,100%,44%); --focus: hsl(2,100%,44%); --cta-alfa: hsl(310, 75%, 25%); --cta-alfa-hover: hsl(310,70%,20%); --cta-bravo: hsl(273,0%,98%); --cta-bravo-hover: hsl(0,100%,65%); --glow-alfa: hsl(11,100%,63%); --glow-bravo: hsl(2,100%,44%); --gloss: hsla(11,100%,70%,1); --icon-alfa: #FFBDF9; --icon-alfa-inv: hsl(310, 75%, 25%); --bg-bdy: hsla(179,0%,88%,1); --bg-srf: hsl(273,0%,98%); --bg-inset: hsla(0,0%,90%,1); --bg-site: hsl(265, 16%, 92%); --bg-input: hsla(179,0%,88%,1); --transparent: hsla(226,22%,64%,0); --bg-bdy-inv: hsl(0,5%,6%); --bg-srf-inv: hsl(0,0%,12%); --txt-title: hsl(310,70%,20%); --txt-body: hsl(0,0%,20%); --txt-btn: hsl(0,0%,100%); --txt-divider: hsl(259.71000000000004,88.24%,30%); --highlight: #FFBDF9; --link: hsla(48.91,93.7%,49.8%,1); --txt-tile-inv: hsl(0,5%,94%); --txt-body-inv: hsl(0,0%,80%); --shadow-alfa: hsla(0,0%,0%,0.2); --shadow-bravo: hsla(0,0%,0%,0.6); --success: hsl(96,55%,52%); --error: hsl(360,86%,58%); --warning: hsl(44,90%,53%); --info: hsla(202,100%,52%,1);}