/**
 * accessibility.css - Focus, motion, and contrast.
 * Requirements: 1.5, 22.2, 22.8
 */

:focus-visible {
  outline: 2px solid var(--color-cyan);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgba(5, 5, 9, 0.9), 0 0 0 6px var(--color-cyan);
}

.ascenra-btn:focus-visible,
.nav-hamburger:focus-visible,
.nav-links a:focus-visible,
.faq-item summary:focus-visible,
.faq-item__trigger:focus-visible,
.form-field input:focus-visible,
.form-field select:focus-visible,
.form-field textarea:focus-visible {
  outline: 2px solid var(--color-cyan);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .animated-bg__layer-2,
  .animated-bg__layer-3,
  .animated-bg__orb {
    animation: none !important;
    will-change: auto !important;
  }
}