/**
 * Accessibility Enhancements
 * WCAG 2.1 AA compliance improvements
 */

:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

.skip-nav-link {
  position: absolute;
  top: -100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-primary);
  color: var(--color-text-inverse);
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-sm);
  z-index: 1080;
  transition: top 0.3s ease;
}

.skip-nav-link:focus {
  top: var(--space-md);
}