:root {
  --brand: #2563d9;
  --brand-dark: #173f8f;
  --brand-soft: rgba(37, 99, 217, 0.09);
  --brand-line: rgba(37, 99, 217, 0.3);
}

.header-directory-link {
  color: var(--brand);
}

.header-directory-link:hover,
.header-directory-link:focus-visible {
  color: var(--brand-dark);
}