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

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

/* Primary color overrides */
.bg-primary-50 { background-color: #eef2ff !important; }
.bg-primary-100 { background-color: #e0e7ff !important; }
.bg-primary-200 { background-color: #c7d2fe !important; }
.bg-primary-300 { background-color: #a5b4fc !important; }
.bg-primary-400 { background-color: #818cf8 !important; }
.bg-primary-500 { background-color: #6366f1 !important; }
.bg-primary-600 { background-color: #4f46e5 !important; }
.bg-primary-700 { background-color: #4338ca !important; }
.bg-primary-800 { background-color: #3730a3 !important; }
.bg-primary-900\/30 { background-color: #312e814d !important; }
.text-primary-400 { color: #818cf8 !important; }
.text-primary-500 { color: #6366f1 !important; }
.text-primary-600 { color: #4f46e5 !important; }
.text-primary-700 { color: #4338ca !important; }
.border-primary-500 { border-color: #6366f1 !important; }
.hover\:text-primary-600:hover { color: #4f46e5 !important; }
.hover\:text-primary-400:hover { color: #818cf8 !important; }
.hover\:bg-primary-700:hover { background-color: #4338ca !important; }
.ring-primary-500 { --tw-ring-color: #6366f1 !important; }
.dark .dark\:text-primary-400 { color: #818cf8 !important; }
.dark .dark\:bg-primary-900\/30 { background-color: #312e814d !important; }

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

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

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

/* Footer - Professional indigo */
footer { background: #111033 !important; border-top: 2px solid #6366f1 !important; }
footer p, footer a { color: #a5b4fc !important; }
footer a:hover { color: #818cf8 !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; }
}