css custom properties

:root{

    /* css custom properties */
   --bg-wild-blue-yonder:hsla(216,33%,68%,1);
   --bg-carolina-blue:hsla(199,89%,49%,1);
   --bg-prussian-blue:hsla(216,33%,20%,1);
   --bg-oxford-blue:hsla(222,44%,13%,1);
   --bg-oxford-blue-2:hsla(222,47%,11%,1);

   --text-white:hsla(0,0%,100%,1);
   --text-wild-blue-yonder:hsla(216,33%,68%,1);
   --text-alice-blue:hsla(216,100%,95%,1);
   --text-columbia-blue:hsla(199,69%,84%,1);
   --text-carolina-blue:hsla(199,89%,49%,1);
   --text-shadow-blue:hsla(217,24%,59%,1);
   --text-slate-gray:hsla(217,17%,48%,1);

   --gradient-1:linear-gradient(90deg,#0ea5ea,#0bd1d1 51%);
   --gradient-1:linear-gradient(90deg,#0ea5ea,#0bd1d1 51%,#0ea5ea);
   --gradient-1:linear-gradient(0deg,#000d1a,tranparent);
}