/* Blog Content Color Overrides
 * This file overrides embedded indigo/purple colors in blog content
 * with the new cyan design system colors.
 * Loaded as a separate file to bypass Tailwind's purge.
 */

/* Override gradient backgrounds - only on elements with gradient classes */
.prose .bg-gradient-to-r.from-indigo-600,
.prose .bg-gradient-to-r.from-purple-600,
.prose .bg-gradient-to-r.from-blue-600,
.prose .bg-gradient-to-br.from-indigo-600,
.prose .bg-gradient-to-br.from-purple-600,
.prose .bg-gradient-to-br.from-blue-600 {
  background-image: linear-gradient(to right, #0891b2, #06b6d4) !important;
}

/* Override indigo/purple light backgrounds */
.prose .bg-indigo-50 {
  background-color: #ecfeff !important;
}
.prose .bg-indigo-100 {
  background-color: #cffafe !important;
}
.prose .bg-purple-50,
.prose .bg-violet-50 {
  background-color: #ecfeff !important;
}
.prose .bg-purple-100,
.prose .bg-violet-100 {
  background-color: #cffafe !important;
}
.prose .bg-blue-50 {
  background-color: #f0f9ff !important;
}

/* Override indigo/purple borders */
.prose .border-indigo-600,
.prose .border-indigo-500 {
  border-color: #0891b2 !important;
}
.prose .border-purple-600,
.prose .border-purple-500 {
  border-color: #06b6d4 !important;
}
.prose .border-l-indigo-600,
.prose .border-l-indigo-500,
.prose .border-l-4.border-indigo-600 {
  border-left-color: #0891b2 !important;
}

/* Override indigo/purple text - only specific classes */
.prose .text-indigo-600 {
  color: #0891b2 !important;
}
.prose .text-indigo-700 {
  color: #0e7490 !important;
}
.prose .text-indigo-800,
.prose .text-indigo-900 {
  color: #164e63 !important;
}
.prose .text-purple-600 {
  color: #0891b2 !important;
}
.prose .text-purple-700 {
  color: #0e7490 !important;
}

/* Keep white text on gradient buttons */
.prose .bg-gradient-to-r .text-white,
.prose .bg-gradient-to-r.text-white,
.prose a.bg-gradient-to-r,
.prose .bg-gradient-to-br .text-white,
.prose .bg-gradient-to-br.text-white {
  color: #ffffff !important;
}

/* Override background gradients that are decorative (not buttons) */
.prose .bg-gradient-to-br.from-blue-50,
.prose .bg-gradient-to-br.from-indigo-50 {
  background-image: linear-gradient(135deg, #f0f9ff, #ecfeff) !important;
}

/* Ensure proper contrast on info boxes/callouts */
.prose .bg-indigo-50 .text-indigo-600,
.prose .bg-indigo-50 .text-indigo-700,
.prose .bg-indigo-50 .text-indigo-800 {
  color: #0e7490 !important;
}

/* Override any remaining purple/indigo gradient variables */
.prose [class*="from-indigo"] {
  --tw-gradient-from: #0891b2 !important;
}
.prose [class*="to-purple"] {
  --tw-gradient-to: #06b6d4 !important;
}
.prose [class*="to-indigo"] {
  --tw-gradient-to: #06b6d4 !important;
}
.prose [class*="from-purple"] {
  --tw-gradient-from: #0891b2 !important;
}