:root {
  /* Main accent */
  --accent-color: #82b440;              /* NEW color (was #049ebb) */
  --accent-color-contrast: #ffffff;
  --accent-color-hover: #6f9a37;

  /* Nav hover color now tied to --accent-color */
  --nav-hover-color: var(--accent-color);

  /* Backwards-compatible aliases */
  --color-primary: var(--accent-color);
  --color-primary-contrast: var(--accent-color-contrast);
  --color-primary-hover: var(--accent-color-hover);
}

/* Nav / header hover and active states */
#navmenu a,
#navmenu a:visited {
  color: inherit;
}
#navmenu a:hover,
#navmenu a:focus,
#navmenu .active,
#navmenu li.dropdown > a:hover,
#navmenu li.dropdown > a:focus {
  color: var(--nav-hover-color) !important;
}

/* Mobile nav toggle color */
.mobile-nav-toggle {
  color: var(--nav-hover-color);
}
.mobile-nav-toggle:hover {
  color: var(--color-primary-hover);
}

/* Example: highlight underline or border on hover */
#navmenu .toggle-dropdown,
#navmenu ul li a {
  transition: color .15s ease-in-out, border-color .15s ease-in-out;
}

/* Keep existing theming for primary elements */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited { 
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-primary-contrast);
}
.btn-primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

/* Accent links & UI */
a, a:hover, .feature-link, .feature-link i, .social-links a {
  color: var(--accent-color);
}

/* Add or extend selectors below if you find more places to theme */