:root {
  --tertiaryColor: inherit;
  --tertiaryColorDark: inherit;
  --tertiaryColorHover: inherit;
  --tertiaryColorActive: inherit;
  --tertiaryColorTextHover: inherit;
  --tertiaryColorDarkTextHover: inherit;
  --white: #fff;
}

a,
a:focus,
a:active {
  color: var(--tertiaryColor, inherit);
}
.tabs li.is-active a, .tabs li.is-active a:hover {
  color: var(--primaryColor, inherit);
  border-bottom-color: var(--primaryColor, inherit);
}
.tabs > ul > li:not(.is-active),
.tabs > ul > li:not(.is-active) > a {
  color: var(--tertiaryColor, inherit);
}
.tabs > ul > li:not(.is-active) > a:hover {
  border-bottom-color: var(--tertiaryColor, inherit);
}