/* Custom Styles directly ported from Tailwind setup */

.gradient-dark {
  background: linear-gradient(135deg, hsl(150 32% 18%) 0%, hsl(0, 0%, 17%) 100%);
}

.gradient-cta {
  background: linear-gradient(135deg, hsl(25 100% 50%) 0%, hsl(15, 100%, 45%) 100%);
}

.hover-lift {
  transition: all 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px -12px hsl(150 32% 18% / 0.2);
}

.text-gradient {
  background: linear-gradient(135deg, hsl(150 32% 18%) 0%, hsl(145 63% 49%) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Animations */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition-delay: var(--delay, 0s);
}

.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}