/* Theme Override - Social-0 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Font override */
body { font-family: 'Poppins', system-ui, -apple-system, sans-serif !important; }

/* Primary color overrides */
.bg-primary-50 { background-color: #fdf2f8 !important; }
.bg-primary-100 { background-color: #fce7f3 !important; }
.bg-primary-200 { background-color: #fbcfe8 !important; }
.bg-primary-300 { background-color: #f9a8d4 !important; }
.bg-primary-400 { background-color: #f472b6 !important; }
.bg-primary-500 { background-color: #ec4899 !important; }
.bg-primary-600 { background-color: #db2777 !important; }
.bg-primary-700 { background-color: #be185d !important; }
.bg-primary-800 { background-color: #9d174d !important; }
.bg-primary-900\/30 { background-color: #8318434d !important; }
.text-primary-400 { color: #f472b6 !important; }
.text-primary-500 { color: #ec4899 !important; }
.text-primary-600 { color: #db2777 !important; }
.text-primary-700 { color: #be185d !important; }
.border-primary-500 { border-color: #ec4899 !important; }
.hover\:text-primary-600:hover { color: #db2777 !important; }
.hover\:text-primary-400:hover { color: #f472b6 !important; }
.hover\:bg-primary-700:hover { background-color: #be185d !important; }
.ring-primary-500 { --tw-ring-color: #ec4899 !important; }
.dark .dark\:text-primary-400 { color: #f472b6 !important; }
.dark .dark\:bg-primary-900\/30 { background-color: #8318434d !important; }

/* Nav styling */
header { background: #1f0a18 !important; }

/* Button gradient */
.bg-primary-600 { background: linear-gradient(135deg, #db2777 0%, #f97316 100%) !important; }
.bg-primary-600:hover { filter: brightness(1.1) !important; }

/* Focus ring */
*:focus-visible { outline-color: #ec4899 !important; }

/* Footer - Trendy pink */
footer { background: #1f0a18 !important; border-top: 3px solid transparent !important;
  border-image: linear-gradient(90deg, #ec4899, #f97316) 1 !important; }
footer p, footer a { color: #f9a8d4 !important; }
footer a:hover { color: #f472b6 !important; }

/* Performance & UX enhancements */

/* Smooth page transitions */
* { scroll-behavior: smooth; }

/* Better text rendering */
body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* Smooth image loading */
img {
  transition: opacity 0.3s ease;
}

/* Button hover animations */
button, a {
  transition: all 0.2s ease !important;
}

/* Card hover effects */
.rounded-2xl, .rounded-xl, .rounded-lg {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.rounded-2xl:hover, .rounded-xl:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
}

/* Better focus styles */
:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* Prevent layout shift */
img, video { aspect-ratio: attr(width) / attr(height); }

/* Print styles */
@media print {
  header, footer, .no-print { display: none !important; }
  body { font-size: 12pt; color: #000; }
}