/* Motion and Animation Preferences */

/* Default smooth transitions */
:root {
  --transition-fast: 150ms ease-out;
  --transition-medium: 250ms ease-out;
  --transition-slow: 350ms ease-out;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  /* Override all animation durations */
  :root {
    --transition-fast: 0.01ms;
    --transition-medium: 0.01ms;
    --transition-slow: 0.01ms;
  }
  
  /* Disable smooth scrolling */
  html {
    scroll-behavior: auto !important;
  }
  
  /* Remove all transforms on hover/focus */
  *:hover,
  *:focus {
    transform: none !important;
  }
  
  /* Disable page transitions */
  .page-transition {
    animation: none !important;
  }
  
  /* Instant transitions for interactive elements */
  button,
  a,
  input,
  select,
  textarea,
  .clickable,
  .interactive {
    transition-duration: 0.01ms !important;
  }
  
  /* Disable loading animations */
  .loading,
  .spinner,
  .skeleton {
    animation: none !important;
  }
  
  /* Disable parallax */
  .parallax {
    transform: none !important;
    will-change: auto !important;
  }
  
  /* Make focus indicators instant */
  :focus {
    transition: outline 0.01ms !important;
  }
}

/* High contrast mode adjustments */
@media (prefers-contrast: high) {
  /* Stronger borders */
  .feed-card,
  .featured-large,
  .featured-medium {
    border: 2px solid var(--border-color);
  }
  
  /* Higher contrast for status pills */
  .status-pill {
    border: 1px solid currentColor;
  }
  
  /* Stronger focus indicators */
  :focus {
    outline: 3px solid var(--focus-color);
    outline-offset: 2px;
  }
}

/* Reduce transparency for better performance */
@media (prefers-reduced-transparency: reduce) {
  /* Remove transparency from backgrounds */
  .modal-backdrop {
    background-color: #000;
  }
  
  .header {
    background-color: var(--header-bg);
  }
  
  /* Solid backgrounds for cards */
  .feed-card,
  .featured-large,
  .featured-medium {
    background-color: white;
  }
}