:root {
   --ecm-fontcolor: rgba(0,0,0,1);

   --ecm-userpanel-backgroundcolor: rgba(236,236,236,1);
   --ecm-userpanel-fontcolor: rgba(0,0,0,1);
   --ecm-userpanel-bordercolor: rgba(64,64,64,1);

   --ecm-nav-backgroundcolor: rgba(0,186,254,1);
   --ecm-nav-bordercolor: rgba(165,219,231,1);

   --ecm-nav-rootfontcolor: rgba(51,51,51,1);
   --ecm-nav-rootfontweight: bold;
   --ecm-nav-roothoverfontcolor: rgba(255,255,255,1);
   --ecm-nav-roothoverbackgroundcolor: #FFFFFF;

   --ecm-nav-subfontcolor: rgba(51,51,51,1);
   --ecm-nav-subfontweight: bold;
   --ecm-nav-subhoverfontcolor: rgba(255,255,255,1);
   --ecm-nav-subhoverbackgroundcolor: rgba(179,179,179,1);
  
   --ecm-hppanel-fontcolor: rgba(0,0,0,1);
   --ecm-hppanel-backgroundcolor: rgba(255,255,255,1);
   --ecm-hppanel-bordercolor: rgba(255,255,255,1);
   --ecm-hppanel-borderradius: 9px;
   --ecm-hppanel-iconbackgroundcolor: rgba(219,219,219,1);
   --ecm-hppanel-iconborderradius: 20px;
   --ecm-hppanel-colorprimary: rgba(130,184,59,1);
   --ecm-hppanel-colorsecondary: rgba(0,186,254,1);

   --ecm-app-colornavigation: rgba(243,151,26,1);
   --ecm-app-colorprimary: rgba(9,119,0,1);
   --ecm-app-colorsecondary: rgba(243,151,26,1);
   ";
}