:root {
  --tab-bar-border: 2px solid var(--muted-color);
  --tab-color: var(--placeholder-color);
  --tab-color-hover: var(--secondary-color);
  --tab-active-border: 3px solid var(--secondary-color);
  --tab-active-color: var(--primary-color);
}

.uk-tab::before {
  border-bottom: var(--tab-bar-border);
  box-shadow: none;
}

.uk-tab > li > a {
  color: var(--tab-color);
  font-weight: normal;
  border-bottom: none;
}

.uk-tab > * > a:hover  {
  color: var(--tab-color-hover);
}

.uk-tab> li.uk-active > a {
  color: var(--tab-active-color);
  border-bottom: var(--tab-active-border);
  font-weight: 600;
}