:root{
 --background-color: #ffffff; 
  --default-color: #555555; 
  --heading-color: #000!important; 
  --accent-color: #259aed!important; 
  --surface-color: #ffffff; 
  --contrast-color: #ffffff; 
}

:root {
  --nav-color: #555555;  
  --nav-hover-color: #259aed; 
  --nav-mobile-background-color: #ffffff; 
  --nav-dropdown-background-color: #ffffff; 
  --nav-dropdown-color: #555555; 
  --nav-dropdown-hover-color: #50d8af; 
}

.light-background {
  --background-color: #f9f9f9;
  --surface-color: #ffffff;
}

.dark-background {
  --background-color: #030f68;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #259aed;
  --contrast-color: #ffffff;
}
nav#navmenu ul li a.active, .portfolio .portfolio-filters .filter-active{color:#259aed!important}