/* Zy-Ro color overrides: violet/cyan replacing amber/yellow */

/* Arbitrary Tailwind color classes (not compiled in static export) */
.text-\[\#7c3aed\] { color: #7c3aed !important; }
.text-\[\#fbbc05\] { color: #7c3aed !important; }
.text-\[\#1a73e8\] { color: #06b6d4 !important; }
.bg-\[\#7c3aed\]   { background-color: #7c3aed !important; }
.bg-\[\#232327\]   { background-color: #232327 !important; }
.bg-\[\#f1f3f4\]   { background-color: #f1f3f4 !important; }
.from-\[\#19181d\] { --tw-gradient-from: #19181d !important; }
.from-\[\#232327\] { --tw-gradient-from: #232327 !important; }
.to-\[\#19181d\]   { --tw-gradient-to: #19181d !important; }
.to-\[\#232327\]   { --tw-gradient-to: #232327 !important; }

/* Radix UI heading fix */
.rt-Heading { color: inherit; }

/* Background colors */
.bg-violet-50  { background-color: #f5f3ff !important; }
.bg-violet-100 { background-color: #ede9fe !important; }
.bg-violet-200 { background-color: #ddd6fe !important; }
.bg-violet-300 { background-color: #c4b5fd !important; }
.bg-violet-400 { background-color: #a78bfa !important; }
.bg-violet-500 { background-color: #8b5cf6 !important; }
.bg-violet-600 { background-color: #7c3aed !important; }
.bg-violet-700 { background-color: #6d28d9 !important; }
.bg-violet-800 { background-color: #5b21b6 !important; }
.bg-violet-900 { background-color: #4c1d95 !important; }

/* Text colors */
.text-violet-50  { color: #f5f3ff !important; }
.text-violet-100 { color: #ede9fe !important; }
.text-violet-200 { color: #ddd6fe !important; }
.text-violet-300 { color: #c4b5fd !important; }
.text-violet-400 { color: #a78bfa !important; }
.text-violet-500 { color: #8b5cf6 !important; }
.text-violet-600 { color: #7c3aed !important; }
.text-violet-700 { color: #6d28d9 !important; }
.text-violet-800 { color: #5b21b6 !important; }
.text-violet-900 { color: #4c1d95 !important; }

/* Border colors */
.border-violet-50  { border-color: #f5f3ff !important; }
.border-violet-100 { border-color: #ede9fe !important; }
.border-violet-200 { border-color: #ddd6fe !important; }
.border-violet-300 { border-color: #c4b5fd !important; }
.border-violet-400 { border-color: #a78bfa !important; }
.border-violet-500 { border-color: #8b5cf6 !important; }
.border-violet-600 { border-color: #7c3aed !important; }
.border-violet-700 { border-color: #6d28d9 !important; }
.border-violet-800 { border-color: #5b21b6 !important; }
.border-violet-900 { border-color: #4c1d95 !important; }

/* Ring colors */
.ring-violet-400 { --tw-ring-color: #a78bfa !important; }
.ring-violet-500 { --tw-ring-color: #8b5cf6 !important; }
.ring-violet-600 { --tw-ring-color: #7c3aed !important; }

/* Hover backgrounds */
.hover\:bg-violet-50:hover  { background-color: #f5f3ff !important; }
.hover\:bg-violet-100:hover { background-color: #ede9fe !important; }
.hover\:bg-violet-400:hover { background-color: #a78bfa !important; }
.hover\:bg-violet-500:hover { background-color: #8b5cf6 !important; }
.hover\:bg-violet-600:hover { background-color: #7c3aed !important; }
.hover\:bg-violet-700:hover { background-color: #6d28d9 !important; }

/* Hover text */
.hover\:text-violet-400:hover { color: #a78bfa !important; }
.hover\:text-violet-500:hover { color: #8b5cf6 !important; }
.hover\:text-violet-600:hover { color: #7c3aed !important; }

/* Gradient from/to */
.from-violet-400 { --tw-gradient-from: #a78bfa !important; }
.from-violet-500 { --tw-gradient-from: #8b5cf6 !important; }
.from-violet-600 { --tw-gradient-from: #7c3aed !important; }
.from-violet-700 { --tw-gradient-from: #6d28d9 !important; }
.to-violet-400   { --tw-gradient-to: #a78bfa !important; }
.to-violet-500   { --tw-gradient-to: #8b5cf6 !important; }
.to-violet-600   { --tw-gradient-to: #7c3aed !important; }
.to-violet-700   { --tw-gradient-to: #6d28d9 !important; }
.via-violet-500  { --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to) !important; }
.via-violet-600  { --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to) !important; }

/* Cyan secondary */
.bg-cyan-400  { background-color: #22d3ee !important; }
.bg-cyan-500  { background-color: #06b6d4 !important; }
.bg-cyan-600  { background-color: #0891b2 !important; }
.text-cyan-400 { color: #22d3ee !important; }
.text-cyan-500 { color: #06b6d4 !important; }
.from-cyan-400 { --tw-gradient-from: #22d3ee !important; }
.from-cyan-500 { --tw-gradient-from: #06b6d4 !important; }
.to-cyan-400   { --tw-gradient-to: #22d3ee !important; }
.to-cyan-500   { --tw-gradient-to: #06b6d4 !important; }

/* Discount banner - override the amber/orange top bar */
[class*="discount-banner"], [class*="promo-bar"], .site-discount-banner {
  background: linear-gradient(135deg, #7c3aed, #06b6d4) !important;
}

/* WhatsApp button - keep green */
a[href*="wa.me"], a[href*="whatsapp"] {
  background-color: #25d366 !important;
}