/* Custom CSS for VaultMarket - Fallback for missing Tailwind compilation */

/* Indigo Colors */
.bg-indigo-50 { background-color: #eef2ff; }
.bg-indigo-100 { background-color: #e0e7ff; }
.bg-indigo-200 { background-color: #c7d2fe; }
.bg-indigo-600 { background-color: #4f46e5; }
.bg-indigo-700 { background-color: #4338ca; }
.text-indigo-600 { color: #4f46e5; }
.text-indigo-700 { color: #4338ca; }
.text-indigo-800 { color: #3730a3; }
.border-indigo-600 { border-color: #4f46e5; }

/* Purple Colors */
.bg-purple-100 { background-color: #f3e8ff; }
.from-purple-100 { --tw-gradient-from: #f3e8ff; --tw-gradient-to: rgba(243, 232, 255, 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }

/* Gradient Backgrounds */
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); }
.from-indigo-50 { --tw-gradient-from: #eef2ff; --tw-gradient-to: rgba(238, 242, 255, 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-white { --tw-gradient-to: #ffffff; }
.from-indigo-100 { --tw-gradient-from: #e0e7ff; --tw-gradient-to: rgba(224, 231, 255, 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.to-purple-100 { --tw-gradient-to: #f3e8ff; }

/* Additional Shadow Classes */
.shadow-3xl { box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.25); }
.hover\:shadow-3xl:hover { box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.25); }
.hover\:shadow-indigo-500\/25:hover { box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.25), 0 4px 6px -2px rgba(79, 70, 229, 0.1); }

/* Transform Classes */
.group:hover .group-hover\:scale-105 { transform: scale(1.05); }
.group:hover .group-hover\:scale-110 { transform: scale(1.1); }
.group:hover .group-hover\:text-indigo-600 { color: #4f46e5; }

/* Backdrop Blur */
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }

/* Additional Utility Classes */
.max-w-8xl { max-width: 88rem; }
.font-black { font-weight: 900; }
.tracking-tight { letter-spacing: -0.025em; }
.sticky { position: sticky; }
.top-8 { top: 2rem; }

/* Responsive Grid */
@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:text-6xl { font-size: 3.75rem; line-height: 1; }
  .lg\:text-7xl { font-size: 4.5rem; line-height: 1; }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1536px) {
  .2xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Hover Effects */
.hover\:-translate-y-1:hover { transform: translateY(-0.25rem); }
.hover\:scale-105:hover { transform: scale(1.05); }
.hover\:scale-110:hover { transform: scale(1.1); }

/* Transition Classes */
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.duration-700 { transition-duration: 700ms; }

/* Animation utilities */
.animate-spin-slow {
  animation: spin 3s linear infinite;
}

/* Line Clamp */
.line-clamp-2 { 
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Prose Styles */
.prose { 
  color: #374151;
  max-width: 65ch;
}
.prose-lg { 
  font-size: 1.125rem;
  line-height: 1.7777778;
}
.prose-lg p { 
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.max-w-none { max-width: none; }