/* Basic styles for SynthStack */
@import "theme-gitea-light.css";
@import "synthstack/base-brand.css";

:root {
  --color-link: #0651ba;
}

a, a:hover {
  color: var(--color-link);
}

.ui.secondary.menu .active.item,
.ui.secondary.menu .active.item {
  background-color: var(--color-secondary-alpha-30);
}

footer a:hover {
	--color-text-light-2: #73CCC6;
	color: var(--color-text-light-2) !important;
}

footer .language.button {
  &:hover,
  &:active,
  &.active.active {
    background-color: #73CCC6;
  }
}

#navbar > .menu,
#navbar > .menu .menu {
  > a,
  > button,
  > details > summary {
    color: #ffffff;
  }
}