/* ==========================================================================
   Accessibility — Focus Styles
   ========================================================================== */

a:focus-visible,
button:focus-visible,
.rsvp-link:focus-visible,
.detail-card a:focus-visible,
.nav-links a:focus-visible,
.nav-logo:focus-visible,
.hamburger-toggle:focus-visible {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

/* ==========================================================================
   Accessibility — Reduced Motion
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }

  html {
    scroll-behavior: auto;
  }

  .animate-on-scroll {
    opacity: 1;
    transform: none;
  }

  .hero-names,
  .hero-date,
  .hero-heading {
    opacity: 1;
    transform: none;
  }

  .countdown-digit,
  .countdown-digit.digit-changing {
    opacity: 1;
    transform: none;
  }

  .parallax,
  .parallax.parallax-fallback {
    background-attachment: scroll;
    transform: none;
  }

  .detail-card.visible:hover {
    transform: none;
  }

  .rsvp-link:hover {
    transform: none;
  }

  .envelope-wrapper {
    transition: none;
  }

  .reveal-card {
    transition: none;
  }

  .envelope-front-inner.shake {
    animation: none;
  }
}