@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* Кастомные стили */
@layer components {
  .btn-premium {
    @apply bg-gradient-to-r from-premium-accent to-amber-600 text-premium-darker px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-300 hover:shadow-premium-lg hover:-translate-y-1 transform;
  }
  
  .btn-outline-premium {
    @apply border-2 border-premium-accent text-premium-accent px-8 py-4 rounded-lg font-semibold text-lg transition-all duration-300 hover:bg-premium-accent hover:text-premium-darker;
  }
  
  .section-padding {
    @apply py-20 lg:py-32;
  }
  
  .container-custom {
    @apply container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl;
  }
  
  .text-gradient {
    @apply bg-gradient-to-r from-premium-accent to-premium-gold bg-clip-text text-transparent;
  }
}

/* Анимации */
@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(180deg); }
}

@keyframes glow {
  from { box-shadow: 0 0 20px rgba(200, 155, 60, 0.5); }
  to { box-shadow: 0 0 40px rgba(200, 155, 60, 0.8); }
}

/* Стили для Swiper */
.swiper-pagination-bullet {
  @apply bg-premium-accent opacity-50;
}

.swiper-pagination-bullet-active {
  @apply opacity-100;
}