:root {
  --brand: #8f3cc8;
  --brand-dark: #552176;
  --brand-soft: rgba(143, 60, 200, 0.09);
  --brand-line: rgba(143, 60, 200, 0.3);
  --accent: #efff00;
  --accent-soft: rgba(239, 255, 0, 0.12);
  --accent-line: rgba(171, 194, 0, 0.34);
}

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

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