:root {
  --brand: #087ca1;
  --brand-dark: #04516b;
  --brand-soft: rgba(8, 124, 161, 0.1);
  --brand-line: rgba(8, 124, 161, 0.32);
  --accent: #45d6c5;
  --accent-soft: rgba(69, 214, 197, 0.14);
  --accent-line: rgba(22, 153, 139, 0.32);
}

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

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