/**
 * OFO Development Website - Tailwind Custom Integration
 * This file contains Tailwind-specific utilities and customizations
 */

/* Tailwind utilities that have been customized for this website */
/* These utilities are minimal to avoid redundancy with TailwindCSS CDN */

.bg-gradient-premium {
  background-image: linear-gradient(135deg, #1a1a1a, #2a2a2a);
}

.text-gradient-gold {
  background: linear-gradient(45deg, #ffd700, #ffa500);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.shadow-premium {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.transform-hover-up:hover {
  transform: translateY(-5px);
}

/* Add this class for a smoother transition for all hover effects */
.transition-premium {
  transition: all 0.3s ease;
}