:root {
  --primary-color: #667eea;
  --secondary-color: #764ba2;
  --text-color: #333;
  --bg-color: #f5f5f5;
}

.ui-style-7 {
  --primary-color: #667eea;
  --secondary-color: #764ba2;
}

body {
  scroll-behavior: smooth;
}

a {
  transition: all 0.3s ease;
}

.video-card:hover,
.related-item:hover,
.list-item:hover {
  transform: translateY(-2px);
}

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