/**
 * Lingerie Theme Color Override
 * Modern and elegant purple/pink color scheme for lingerie e-commerce
 */

/* ================================================
   PRIMARY COLOR OVERRIDES (Green → Purple/Pink)
   ================================================ */

/* Background Colors - Purple/Pink Tones */
.bg-green-50, .bg-purple-50 { background-color: #fdf4ff !important; }
.bg-green-100, .bg-purple-100 { background-color: #fae8ff !important; }
.bg-green-200, .bg-purple-200 { background-color: #f5d0fe !important; }
.bg-green-300, .bg-purple-300 { background-color: #f0abfc !important; }
.bg-green-400, .bg-purple-400 { background-color: #e879f9 !important; }
.bg-green-500, .bg-purple-500 { background-color: #d946ef !important; }
.bg-green-600, .bg-purple-600 { background-color: #c026d3 !important; }
.bg-green-700, .bg-purple-700 { background-color: #a21caf !important; }
.bg-green-800, .bg-purple-800 { background-color: #86198f !important; }
.bg-green-900, .bg-purple-900 { background-color: #701a75 !important; }

/* Hover Background Colors */
.hover\:bg-green-50:hover, .hover\:bg-purple-50:hover { background-color: #fdf4ff !important; }
.hover\:bg-green-100:hover, .hover\:bg-purple-100:hover { background-color: #fae8ff !important; }
.hover\:bg-green-600:hover, .hover\:bg-purple-600:hover { background-color: #c026d3 !important; }
.hover\:bg-green-700:hover, .hover\:bg-purple-700:hover { background-color: #a21caf !important; }
.hover\:bg-green-800:hover, .hover\:bg-purple-800:hover { background-color: #86198f !important; }

/* Text Colors - Purple/Pink Tones */
.text-green-50, .text-purple-50 { color: #fdf4ff !important; }
.text-green-100, .text-purple-100 { color: #fae8ff !important; }
.text-green-300, .text-purple-300 { color: #f0abfc !important; }
.text-green-400, .text-purple-400 { color: #e879f9 !important; }
.text-green-500, .text-purple-500 { color: #d946ef !important; }
.text-green-600, .text-purple-600 { color: #c026d3 !important; }
.text-green-700, .text-purple-700 { color: #a21caf !important; }
.text-green-800, .text-purple-800 { color: #86198f !important; }
.text-green-900, .text-purple-900 { color: #701a75 !important; }

/* Hover Text Colors */
.hover\:text-green-300:hover, .hover\:text-purple-300:hover { color: #f0abfc !important; }
.hover\:text-green-600:hover, .hover\:text-purple-600:hover { color: #c026d3 !important; }
.hover\:text-green-700:hover, .hover\:text-purple-700:hover { color: #a21caf !important; }
.hover\:text-green-900:hover, .hover\:text-purple-900:hover { color: #701a75 !important; }

/* Border Colors */
.border-green-50, .border-purple-50 { border-color: #fdf4ff !important; }
.border-green-100, .border-purple-100 { border-color: #fae8ff !important; }
.border-green-200, .border-purple-200 { border-color: #f5d0fe !important; }
.border-green-300, .border-purple-300 { border-color: #f0abfc !important; }
.border-green-600, .border-purple-600 { border-color: #c026d3 !important; }
.border-green-700, .border-purple-700 { border-color: #a21caf !important; }

/* Hover Border Colors */
.hover\:border-green-300:hover, .hover\:border-purple-300:hover { border-color: #f0abfc !important; }
.hover\:border-green-600:hover, .hover\:border-purple-600:hover { border-color: #c026d3 !important; }

/* Ring Colors */
.ring-green-200, .ring-purple-200 { --tw-ring-color: #f5d0fe !important; }
.ring-green-500, .ring-purple-500 { --tw-ring-color: #d946ef !important; }
.ring-green-600, .ring-purple-600 { --tw-ring-color: #c026d3 !important; }

/* Focus Ring Colors */
.focus\:ring-green-200:focus, .focus\:ring-purple-200:focus { --tw-ring-color: #f5d0fe !important; }
.focus\:ring-green-500:focus, .focus\:ring-purple-500:focus { --tw-ring-color: #d946ef !important; }
.focus\:ring-green-600:focus, .focus\:ring-purple-600:focus { --tw-ring-color: #c026d3 !important; }

/* Focus Border Colors */
.focus\:border-green-500:focus, .focus\:border-purple-500:focus { border-color: #d946ef !important; }
.focus\:border-green-600:focus, .focus\:border-purple-600:focus { border-color: #c026d3 !important; }

/* Gradient Colors - Purple/Pink */
.from-green-600, .from-purple-600 {
    --tw-gradient-from: #c026d3 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-green-800, .from-purple-800 {
    --tw-gradient-from: #86198f var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(134 25 143 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-green-900, .from-purple-900 {
    --tw-gradient-from: #701a75 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(112 26 117 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-green-600, .to-purple-600 { --tw-gradient-to: #c026d3 var(--tw-gradient-to-position) !important; }
.to-green-800, .to-purple-800 { --tw-gradient-to: #86198f var(--tw-gradient-to-position) !important; }
.to-green-500, .to-purple-500 { --tw-gradient-to: #d946ef var(--tw-gradient-to-position) !important; }
.via-green-500, .via-purple-500 {
    --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-green-600, .via-purple-600 {
    --tw-gradient-to: rgb(192 38 211 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #c026d3 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* ================================================
   SECONDARY COLOR OVERRIDES (Amber → Pink)
   ================================================ */

/* Pink Accent Colors */
.bg-pink-50 { background-color: #fdf2f8 !important; }
.bg-pink-100 { background-color: #fce7f3 !important; }
.bg-pink-500 { background-color: #ec4899 !important; }
.bg-pink-600 { background-color: #db2777 !important; }
.bg-pink-700 { background-color: #be185d !important; }

.hover\:bg-pink-50:hover { background-color: #fdf2f8 !important; }
.hover\:bg-pink-600:hover { background-color: #db2777 !important; }
.hover\:bg-pink-700:hover { background-color: #be185d !important; }

.text-pink-500 { color: #ec4899 !important; }
.text-pink-600 { color: #db2777 !important; }
.text-pink-700 { color: #be185d !important; }

.hover\:text-pink-600:hover { color: #db2777 !important; }
.hover\:text-pink-700:hover { color: #be185d !important; }

.border-pink-600 { border-color: #db2777 !important; }

.from-pink-600 {
    --tw-gradient-from: #db2777 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-pink-600 { --tw-gradient-to: #db2777 var(--tw-gradient-to-position) !important; }

/* ================================================
   CUSTOM LINGERIE GRADIENTS
   ================================================ */

.lingerie-gradient-primary {
    background: linear-gradient(135deg, #c026d3 0%, #a21caf 100%) !important;
}

.lingerie-gradient-secondary {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
}

.lingerie-gradient-mixed {
    background: linear-gradient(135deg, #c026d3 0%, #ec4899 100%) !important;
}

.lingerie-gradient-soft {
    background: linear-gradient(135deg, #fae8ff 0%, #fce7f3 100%) !important;
}

/* Hover effects for lingerie theme */
.hover\:shadow-purple-glow:hover {
    box-shadow: 0 10px 40px rgba(192, 38, 211, 0.3) !important;
}

.hover\:shadow-pink-glow:hover {
    box-shadow: 0 10px 40px rgba(236, 72, 153, 0.3) !important;
}

/* ================================================
   BUTTON OVERRIDES
   ================================================ */

.btn-primary,
button[class*="green"],
a[class*="green"] {
    background: linear-gradient(135deg, #c026d3 0%, #a21caf 100%) !important;
}

.btn-secondary {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
}

/* ================================================
   DIVIDE & OUTLINE COLORS
   ================================================ */

.divide-green-200 > * + *, .divide-purple-200 > * + * { border-color: #f5d0fe !important; }
.divide-green-300 > * + *, .divide-purple-300 > * + * { border-color: #f0abfc !important; }

.placeholder-green-300::placeholder, .placeholder-purple-300::placeholder { color: #f0abfc !important; }
.placeholder-green-400::placeholder, .placeholder-purple-400::placeholder { color: #e879f9 !important; }

.outline-green-500, .outline-purple-500 { outline-color: #d946ef !important; }
.outline-green-600, .outline-purple-600 { outline-color: #c026d3 !important; }

.focus\:outline-green-500:focus, .focus\:outline-purple-500:focus { outline-color: #d946ef !important; }
.focus\:outline-green-600:focus, .focus\:outline-purple-600:focus { outline-color: #c026d3 !important; }

/* ================================================
   GROUP & ACTIVE STATES
   ================================================ */

.group:hover .group-hover\:text-green-600, .group:hover .group-hover\:text-purple-600 { color: #c026d3 !important; }
.group:hover .group-hover\:bg-green-50, .group:hover .group-hover\:bg-purple-50 { background-color: #fdf4ff !important; }

.active\:bg-green-700:active, .active\:bg-purple-700:active { background-color: #a21caf !important; }
.active\:bg-green-800:active, .active\:bg-purple-800:active { background-color: #86198f !important; }

/* ================================================
   SHADOW COLORS
   ================================================ */

.shadow-green-500, .shadow-purple-500 {
    --tw-shadow-color: #d946ef !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-green-600, .shadow-purple-600 {
    --tw-shadow-color: #c026d3 !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
}

/* ================================================
   RESPONSIVE UTILITIES
   ================================================ */

@media (prefers-color-scheme: dark) {
    .dark\:bg-green-600, .dark\:bg-purple-600 { background-color: #c026d3 !important; }
    .dark\:text-green-400, .dark\:text-purple-400 { color: #e879f9 !important; }
    .dark\:border-green-700, .dark\:border-purple-700 { border-color: #a21caf !important; }
}

@media (max-width: 768px) {
    .md\:bg-green-600, .md\:bg-purple-600 { background-color: #c026d3 !important; }
    .md\:text-green-600, .md\:text-purple-600 { color: #c026d3 !important; }
}

@media (min-width: 1024px) {
    .lg\:bg-green-600, .lg\:bg-purple-600 { background-color: #c026d3 !important; }
    .lg\:text-green-600, .lg\:text-purple-600 { color: #c026d3 !important; }
}

/* ================================================
   ORGANIC THEME OVERRIDES (Backward Compatibility)
   ================================================ */

.organic-gradient {
    background: linear-gradient(135deg, #c026d3 0%, #a21caf 100%) !important;
}

.organic-gradient-soft {
    background: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%) !important;
}