:root {
   --ecm-fontcolor: #404040;

   --ecm-userpanel-backgroundcolor: #C0E3E9;
   --ecm-userpanel-fontcolor: #000000;
   --ecm-userpanel-bordercolor: #004173;

   --ecm-nav-backgroundcolor: #C0E3E9;
   --ecm-nav-bordercolor: #C0E3E9;

   --ecm-nav-rootfontcolor: #000000;
   --ecm-nav-rootfontweight: normal;
   --ecm-nav-roothoverfontcolor: #FFFFFF;
   --ecm-nav-roothoverbackgroundcolor: #01B2DD;

   --ecm-nav-subfontcolor: #000000;
   --ecm-nav-subfontweight: normal;
   --ecm-nav-subhoverfontcolor: #FFFFFF;
   --ecm-nav-subhoverbackgroundcolor: #01B2DD;
  
   --ecm-hppanel-fontcolor: #000000;
   --ecm-hppanel-backgroundcolor: #FFFFFF;
   --ecm-hppanel-bordercolor: #000000;
   --ecm-hppanel-borderradius: 5px;
   --ecm-hppanel-iconbackgroundcolor: #FFFFFF;
   --ecm-hppanel-iconborderradius: 0px;
   --ecm-hppanel-colorprimary: #01B2DD;
   --ecm-hppanel-colorsecondary: #4B555C;

   --ecm-app-colornavigation: rgba(1,178,221,1);
   --ecm-app-colorprimary: rgba(1,178,221,1);
   --ecm-app-colorsecondary: rgba(192,227,233,1);
   ";
}