.flow-navbar-logo,
.flow-navbar-link {
  color: var(--top-navbar-content);
}

.flow-navbar-logo,
.flow-navbar-link:hover {
  color: var(--top-navbar-content-hover);
}

.flow-navbar-locale {
  background-color: var(--top-navbar-control-background);
}

.flow-navbar-locale-button {
  color: var(--top-navbar-control-muted);
}

.flow-navbar-locale-button:hover {
  color: var(--top-navbar-control-content);
}

.flow-navbar-locale-button--active {
  background-color: var(--top-navbar-active-background);
  color: var(--top-navbar-active-content);
}

.flow-navbar-trigger {
  color: var(--top-navbar-content);
}

.flow-navbar-trigger:hover {
  background-color: var(--top-navbar-control-background-hover);
  color: var(--top-navbar-content-hover);
}

.flow-navbar-muted {
  color: var(--top-navbar-control-muted);
}

.flow-navbar-dropdown {
  background-color: var(--color-primary);
  border-color: var(--color-tertiary);
  color: var(--color-content);
}

.flow-navbar-dropdown-header {
  border-color: var(--color-tertiary);
}

.flow-dropdown-muted {
  color: var(--color-content-secondary);
}

.flow-navbar-dropdown-item {
  color: var(--color-content);
}

.flow-navbar-dropdown-item:hover,
.flow-navbar-current-item {
  background-color: var(--color-secondary);
}

.flow-navbar-danger {
  color: var(--color-danger-content);
}

.flow-navbar-success {
  color: var(--color-success);
}