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

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

/* Primary color overrides */
.bg-primary-50 { background-color: #faf5ff !important; }
.bg-primary-100 { background-color: #f3e8ff !important; }
.bg-primary-200 { background-color: #e9d5ff !important; }
.bg-primary-300 { background-color: #d8b4fe !important; }
.bg-primary-400 { background-color: #c084fc !important; }
.bg-primary-500 { background-color: #a855f7 !important; }
.bg-primary-600 { background-color: #9333ea !important; }
.bg-primary-700 { background-color: #7e22ce !important; }
.bg-primary-800 { background-color: #6b21a8 !important; }
.bg-primary-900\/30 { background-color: #581c874d !important; }
.text-primary-400 { color: #c084fc !important; }
.text-primary-500 { color: #a855f7 !important; }
.text-primary-600 { color: #9333ea !important; }
.text-primary-700 { color: #7e22ce !important; }
.border-primary-500 { border-color: #a855f7 !important; }
.hover\:text-primary-600:hover { color: #9333ea !important; }
.hover\:text-primary-400:hover { color: #c084fc !important; }
.hover\:bg-primary-700:hover { background-color: #7e22ce !important; }
.ring-primary-500 { --tw-ring-color: #a855f7 !important; }
.dark .dark\:text-primary-400 { color: #c084fc !important; }
.dark .dark\:bg-primary-900\/30 { background-color: #581c874d !important; }

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

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

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

/* Footer - Gradient top border */
footer { background: #1e1033 !important; border-top: 3px solid transparent !important; 
  border-image: linear-gradient(90deg, #9333ea, #ec4899) 1 !important; }
footer p, footer a { color: #c4b5fd !important; }
footer a:hover { color: #c084fc !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; }
}