/* ══════════════════════════════════════════════════════════════
   ACCESSIBILITY ENHANCEMENTS
   
   Focus states, reduced-motion support, high-contrast mode.
   Ensures WCAG compliance and keyboard accessibility across all pages.
   
   Related files:
   - vorasense-pages.css (base styles)
   - components.css (component focus states)
   ══════════════════════════════════════════════════════════════ */

/* Focus States - Visible keyboard navigation */
*:focus-visible {
  outline: 2px solid rgba(230, 154, 71, 0.6);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Reduced Motion Support - Respect user preferences */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  /* Disable ALL artifact showcase animations */
  .vs-download-aurora {
    animation: none !important;
    opacity: 0.3;
  }

  .vs-download-badge,
  .vs-download-badge--artifact {
    transition: none !important;
  }

  .vs-download-badge:hover,
  .vs-download-badge--artifact:hover {
    transform: none !important;
  }

  /* Disable frame corner animations */
  .vs-download-frame-corner {
    animation: none !important;
    opacity: 1;
  }

  /* Disable staggered fade-ins in artifact section */
  .vs-download-artifact__header,
  .vs-download-artifact__trust,
  .vs-download-artifact__showcase,
  .vs-download-badge-frame,
  .vs-download-artifact__platforms {
    animation: none !important;
    opacity: 1;
  }

  /* Disable platform tag hover */
  .vs-download-platform-tag:hover {
    transform: none !important;
  }
}

/* High Contrast Support - Enhanced visibility */
@media (prefers-contrast: high) {
  :root {
    --vs-border: rgba(245, 240, 232, 0.3);
  }

  .vs-card {
    border-width: 2px;
  }
}