:root {
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .hover-lift-img img {
    transition: none !important;
  }
}

.hover-lift-img:hover img {
  transform: scale(1.06);
}

.article-card-hover {
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.article-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(255, 107, 0, 0.12);
}

@media (prefers-reduced-motion: no-preference) {
  .animate-fade-up {
    animation: sf-fade-up 0.85s ease-out both;
  }
}

@keyframes sf-fade-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}