/* Primary actions use the same high-contrast green treatment in both themes. */
.button {
  color: #ffffff;
  border-color: rgba(74, 222, 173, 0.42);
  background: linear-gradient(180deg, #1e7c63 0%, #14634f 100%);
  box-shadow: 0 12px 30px rgba(22, 117, 86, 0.24);
}

.button:visited {
  color: #ffffff;
}

.button:hover,
.button:focus-visible {
  color: #ffffff;
  border-color: rgba(99, 235, 190, 0.62);
  background: linear-gradient(180deg, #1b755e 0%, #115844 100%);
  box-shadow: 0 15px 34px rgba(22, 117, 86, 0.32);
}

html[data-theme="light"] .button {
  color: #ffffff;
  border-color: rgba(22, 117, 86, 0.42);
  background: linear-gradient(180deg, #1e7c63 0%, #14634f 100%);
  box-shadow: 0 12px 30px rgba(22, 117, 86, 0.22);
}

html[data-theme="light"] .button:visited {
  color: #ffffff;
}

html[data-theme="light"] .button:hover,
html[data-theme="light"] .button:focus-visible {
  color: #ffffff;
  border-color: rgba(22, 117, 86, 0.58);
  background: linear-gradient(180deg, #1b755e 0%, #115844 100%);
  box-shadow: 0 15px 34px rgba(22, 117, 86, 0.28);
}

.nav-links .nav-acquisition {
  background: linear-gradient(180deg, #1e7c63 0%, #14634f 100%);
  border: 1px solid rgba(74, 222, 173, 0.42);
  border-radius: 999px;
  color: #ffffff;
}

.nav-links .nav-acquisition:visited {
  color: #ffffff;
}

.nav-links .nav-acquisition:hover,
.nav-links .nav-acquisition:focus-visible {
  background: linear-gradient(180deg, #1b755e 0%, #115844 100%);
  border-color: rgba(99, 235, 190, 0.62);
  color: #ffffff;
}