/* ========================================================
   LINKCOO MULTI-THEME DESIGN SYSTEM
   Supports: milk, mobile, car, dienmay, smarthome, telecom, medical, fashion
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #10b981;
  --theme-primary-hover: #059669;
  --theme-primary-dark: #047857;
  --theme-primary-light: #ecfdf5;
  --theme-primary-border: #a7f3d0;
  --theme-ring: #a7f3d0;
}

/* Global Font Enforcement for active theme */
[data-theme],
[data-theme] body,
[data-theme] .font-sans,
[data-theme] button,
[data-theme] input,
[data-theme] select,
[data-theme] textarea,
[data-theme] h1,
[data-theme] h2,
[data-theme] h3,
[data-theme] h4,
[data-theme] h5,
[data-theme] h6,
[data-theme] p,
[data-theme] span,
[data-theme] a {
  font-family: var(--theme-font) !important;
}

/* ========================================================
   THEME: MILK
   ======================================================== */
[data-theme="milk"] {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #10b981;
  --theme-primary-hover: #059669;
  --theme-primary-dark: #047857;
  --theme-primary-light: #ecfdf5;
  --theme-primary-border: #a7f3d0;
  --theme-ring: #a7f3d0;
}

[data-theme="milk"] body,
[data-theme="milk"] .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Background utilities */
[data-theme="milk"] .bg-emerald-500 { background-color: #10b981 !important; }
[data-theme="milk"] .bg-emerald-600 { background-color: #059669 !important; }
[data-theme="milk"] .bg-emerald-700 { background-color: #047857 !important; }
[data-theme="milk"] .hover\:bg-emerald-50:hover { background-color: #ecfdf5 !important; }
[data-theme="milk"] .hover\:bg-emerald-100:hover { background-color: #ecfdf5 !important; }
[data-theme="milk"] .hover\:bg-emerald-600:hover { background-color: #059669 !important; }
[data-theme="milk"] .hover\:bg-emerald-700:hover { background-color: #047857 !important; }
[data-theme="milk"] .active\:bg-emerald-800:active { background-color: #065f46 !important; }
[data-theme="milk"] .bg-emerald-50 { background-color: #ecfdf5 !important; }
[data-theme="milk"] .bg-emerald-100 { background-color: #ecfdf5 !important; }
[data-theme="milk"] .bg-emerald-50\/40 { background-color: #ecfdf5 !important; }
[data-theme="milk"] .bg-emerald-50\/50 { background-color: #ecfdf5 !important; }
[data-theme="milk"] .bg-emerald-50\/60 { background-color: #ecfdf5 !important; }
[data-theme="milk"] .bg-emerald-50\/70 { background-color: #ecfdf5 !important; }
[data-theme="milk"] .bg-emerald-950\/60 { background-color: #047857 !important; }

/* Text utilities */
[data-theme="milk"] .text-emerald-100 { color: #ecfdf5 !important; }
[data-theme="milk"] .text-emerald-400 { color: #a7f3d0 !important; }
[data-theme="milk"] .text-emerald-500 { color: #10b981 !important; }
[data-theme="milk"] .text-emerald-600 { color: #10b981 !important; }
[data-theme="milk"] .text-emerald-700 { color: #059669 !important; }
[data-theme="milk"] .text-emerald-800 { color: #047857 !important; }
[data-theme="milk"] .text-emerald-900 { color: #065f46 !important; }
[data-theme="milk"] .hover\:text-emerald-600:hover { color: #10b981 !important; }
[data-theme="milk"] .hover\:text-emerald-700:hover { color: #059669 !important; }
[data-theme="milk"] .hover\:text-emerald-400:hover { color: #a7f3d0 !important; }
[data-theme="milk"] .group:hover .group-hover\:text-emerald-600 { color: #10b981 !important; }

/* Border utilities */
[data-theme="milk"] .border-emerald-100 { border-color: #a7f3d0 !important; }
[data-theme="milk"] .border-emerald-100\/60 { border-color: #a7f3d0 !important; }
[data-theme="milk"] .border-emerald-100\/80 { border-color: #a7f3d0 !important; }
[data-theme="milk"] .border-emerald-200 { border-color: #a7f3d0 !important; }
[data-theme="milk"] .border-emerald-200\/80 { border-color: #a7f3d0 !important; }
[data-theme="milk"] .border-emerald-300 { border-color: #a7f3d0 !important; }
[data-theme="milk"] .border-emerald-500 { border-color: #10b981 !important; }
[data-theme="milk"] .border-emerald-600 { border-color: #10b981 !important; }
[data-theme="milk"] .border-emerald-800\/60 { border-color: #047857 !important; }
[data-theme="milk"] .hover\:border-emerald-200:hover { border-color: #a7f3d0 !important; }
[data-theme="milk"] .hover\:border-emerald-300:hover { border-color: #a7f3d0 !important; }
[data-theme="milk"] .hover\:border-emerald-500:hover { border-color: #10b981 !important; }

/* Focus & Rings */
[data-theme="milk"] .focus\:ring-emerald-300:focus { --tw-ring-color: #a7f3d0 !important; }
[data-theme="milk"] .focus\:ring-emerald-500:focus { --tw-ring-color: #10b981 !important; }
[data-theme="milk"] .focus\:border-emerald-400:focus { border-color: #10b981 !important; }
[data-theme="milk"] .focus\:border-emerald-500:focus { border-color: #10b981 !important; }
[data-theme="milk"] .ring-emerald-500 { --tw-ring-color: #10b981 !important; }
[data-theme="milk"] .shadow-emerald-200 { --tw-shadow-color: #a7f3d0 !important; }

/* Gradients Overrides */
[data-theme="milk"] .from-emerald-500,
[data-theme="milk"] .from-emerald-600 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #059669 var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="milk"] .to-emerald-600,
[data-theme="milk"] .to-teal-400,
[data-theme="milk"] .to-teal-600,
[data-theme="milk"] .to-teal-700 {
  --tw-gradient-to: #047857 var(--tw-gradient-to-position) !important;
}
[data-theme="milk"] .via-emerald-500,
[data-theme="milk"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #059669 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="milk"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #10b981 !important;
}
[data-theme="milk"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #059669 !important;
}
[data-theme="milk"] .dual-range-slider::-moz-range-thumb {
  background-color: #10b981 !important;
}
[data-theme="milk"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #059669 !important;
}

/* Hero & Section Gradients */
[data-theme="milk"] .theme-hero-gradient {
  background: linear-gradient(135deg, #064e3b 0%, #059669 45%, #10b981 80%, #34d399 100%) !important;
}
[data-theme="milk"] .theme-price-gradient {
  background: linear-gradient(to right, #ecfdf5, #d1fae5, #a7f3d0) !important;
}

/* Pulse ring */
[data-theme="milk"] .pulse-ring::before {
  background: rgba(16, 185, 129, 0.4) !important;
}

/* ========================================================
   THEME: MOBILE
   ======================================================== */
[data-theme="mobile"] {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #4f46e5;
  --theme-primary-hover: #4338ca;
  --theme-primary-dark: #3730a3;
  --theme-primary-light: #eef2ff;
  --theme-primary-border: #c7d2fe;
  --theme-ring: #a5b4fc;
}

[data-theme="mobile"] body,
[data-theme="mobile"] .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Background utilities */
[data-theme="mobile"] .bg-emerald-500 { background-color: #4f46e5 !important; }
[data-theme="mobile"] .bg-emerald-600 { background-color: #4338ca !important; }
[data-theme="mobile"] .bg-emerald-700 { background-color: #3730a3 !important; }
[data-theme="mobile"] .hover\:bg-emerald-50:hover { background-color: #eef2ff !important; }
[data-theme="mobile"] .hover\:bg-emerald-100:hover { background-color: #eef2ff !important; }
[data-theme="mobile"] .hover\:bg-emerald-600:hover { background-color: #4338ca !important; }
[data-theme="mobile"] .hover\:bg-emerald-700:hover { background-color: #3730a3 !important; }
[data-theme="mobile"] .active\:bg-emerald-800:active { background-color: #312e81 !important; }
[data-theme="mobile"] .bg-emerald-50 { background-color: #eef2ff !important; }
[data-theme="mobile"] .bg-emerald-100 { background-color: #eef2ff !important; }
[data-theme="mobile"] .bg-emerald-50\/40 { background-color: #eef2ff !important; }
[data-theme="mobile"] .bg-emerald-50\/50 { background-color: #eef2ff !important; }
[data-theme="mobile"] .bg-emerald-50\/60 { background-color: #eef2ff !important; }
[data-theme="mobile"] .bg-emerald-50\/70 { background-color: #eef2ff !important; }
[data-theme="mobile"] .bg-emerald-950\/60 { background-color: #3730a3 !important; }

/* Text utilities */
[data-theme="mobile"] .text-emerald-100 { color: #eef2ff !important; }
[data-theme="mobile"] .text-emerald-400 { color: #a5b4fc !important; }
[data-theme="mobile"] .text-emerald-500 { color: #4f46e5 !important; }
[data-theme="mobile"] .text-emerald-600 { color: #4f46e5 !important; }
[data-theme="mobile"] .text-emerald-700 { color: #4338ca !important; }
[data-theme="mobile"] .text-emerald-800 { color: #3730a3 !important; }
[data-theme="mobile"] .text-emerald-900 { color: #312e81 !important; }
[data-theme="mobile"] .hover\:text-emerald-600:hover { color: #4f46e5 !important; }
[data-theme="mobile"] .hover\:text-emerald-700:hover { color: #4338ca !important; }
[data-theme="mobile"] .hover\:text-emerald-400:hover { color: #a5b4fc !important; }
[data-theme="mobile"] .group:hover .group-hover\:text-emerald-600 { color: #4f46e5 !important; }

/* Border utilities */
[data-theme="mobile"] .border-emerald-100 { border-color: #c7d2fe !important; }
[data-theme="mobile"] .border-emerald-100\/60 { border-color: #c7d2fe !important; }
[data-theme="mobile"] .border-emerald-100\/80 { border-color: #c7d2fe !important; }
[data-theme="mobile"] .border-emerald-200 { border-color: #c7d2fe !important; }
[data-theme="mobile"] .border-emerald-200\/80 { border-color: #c7d2fe !important; }
[data-theme="mobile"] .border-emerald-300 { border-color: #a5b4fc !important; }
[data-theme="mobile"] .border-emerald-500 { border-color: #4f46e5 !important; }
[data-theme="mobile"] .border-emerald-600 { border-color: #4f46e5 !important; }
[data-theme="mobile"] .border-emerald-800\/60 { border-color: #3730a3 !important; }
[data-theme="mobile"] .hover\:border-emerald-200:hover { border-color: #c7d2fe !important; }
[data-theme="mobile"] .hover\:border-emerald-300:hover { border-color: #a5b4fc !important; }
[data-theme="mobile"] .hover\:border-emerald-500:hover { border-color: #4f46e5 !important; }

/* Focus & Rings */
[data-theme="mobile"] .focus\:ring-emerald-300:focus { --tw-ring-color: #a5b4fc !important; }
[data-theme="mobile"] .focus\:ring-emerald-500:focus { --tw-ring-color: #4f46e5 !important; }
[data-theme="mobile"] .focus\:border-emerald-400:focus { border-color: #4f46e5 !important; }
[data-theme="mobile"] .focus\:border-emerald-500:focus { border-color: #4f46e5 !important; }
[data-theme="mobile"] .ring-emerald-500 { --tw-ring-color: #4f46e5 !important; }
[data-theme="mobile"] .shadow-emerald-200 { --tw-shadow-color: #a5b4fc !important; }

/* Gradients Overrides */
[data-theme="mobile"] .from-emerald-500,
[data-theme="mobile"] .from-emerald-600 {
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="mobile"] .to-emerald-600,
[data-theme="mobile"] .to-teal-400,
[data-theme="mobile"] .to-teal-600,
[data-theme="mobile"] .to-teal-700 {
  --tw-gradient-to: #3730a3 var(--tw-gradient-to-position) !important;
}
[data-theme="mobile"] .via-emerald-500,
[data-theme="mobile"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="mobile"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #4f46e5 !important;
}
[data-theme="mobile"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #4338ca !important;
}
[data-theme="mobile"] .dual-range-slider::-moz-range-thumb {
  background-color: #4f46e5 !important;
}
[data-theme="mobile"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #4338ca !important;
}

/* Hero & Section Gradients */
[data-theme="mobile"] .theme-hero-gradient {
  background: linear-gradient(135deg, #1e1b4b 0%, #3730a3 45%, #4f46e5 80%, #06b6d4 100%) !important;
}
[data-theme="mobile"] .theme-price-gradient {
  background: linear-gradient(to right, #eef2ff, #f5f3ff, #ede9fe) !important;
}

/* Pulse ring */
[data-theme="mobile"] .pulse-ring::before {
  background: rgba(79, 70, 229, 0.4) !important;
}

/* ========================================================
   THEME: CAR
   ======================================================== */
[data-theme="car"] {
  --theme-font: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --theme-primary: #dc2626;
  --theme-primary-hover: #b91c1c;
  --theme-primary-dark: #991b1b;
  --theme-primary-light: #fef2f2;
  --theme-primary-border: #fecaca;
  --theme-ring: #fca5a5;
}

[data-theme="car"] body,
[data-theme="car"] .font-sans {
  font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Background utilities */
[data-theme="car"] .bg-emerald-500 { background-color: #dc2626 !important; }
[data-theme="car"] .bg-emerald-600 { background-color: #b91c1c !important; }
[data-theme="car"] .bg-emerald-700 { background-color: #991b1b !important; }
[data-theme="car"] .hover\:bg-emerald-50:hover { background-color: #fef2f2 !important; }
[data-theme="car"] .hover\:bg-emerald-100:hover { background-color: #fef2f2 !important; }
[data-theme="car"] .hover\:bg-emerald-600:hover { background-color: #b91c1c !important; }
[data-theme="car"] .hover\:bg-emerald-700:hover { background-color: #991b1b !important; }
[data-theme="car"] .active\:bg-emerald-800:active { background-color: #7f1d1d !important; }
[data-theme="car"] .bg-emerald-50 { background-color: #fef2f2 !important; }
[data-theme="car"] .bg-emerald-100 { background-color: #fef2f2 !important; }
[data-theme="car"] .bg-emerald-50\/40 { background-color: #fef2f2 !important; }
[data-theme="car"] .bg-emerald-50\/50 { background-color: #fef2f2 !important; }
[data-theme="car"] .bg-emerald-50\/60 { background-color: #fef2f2 !important; }
[data-theme="car"] .bg-emerald-50\/70 { background-color: #fef2f2 !important; }
[data-theme="car"] .bg-emerald-950\/60 { background-color: #991b1b !important; }

/* Text utilities */
[data-theme="car"] .text-emerald-100 { color: #fef2f2 !important; }
[data-theme="car"] .text-emerald-400 { color: #fca5a5 !important; }
[data-theme="car"] .text-emerald-500 { color: #dc2626 !important; }
[data-theme="car"] .text-emerald-600 { color: #dc2626 !important; }
[data-theme="car"] .text-emerald-700 { color: #b91c1c !important; }
[data-theme="car"] .text-emerald-800 { color: #991b1b !important; }
[data-theme="car"] .text-emerald-900 { color: #7f1d1d !important; }
[data-theme="car"] .hover\:text-emerald-600:hover { color: #dc2626 !important; }
[data-theme="car"] .hover\:text-emerald-700:hover { color: #b91c1c !important; }
[data-theme="car"] .hover\:text-emerald-400:hover { color: #fca5a5 !important; }
[data-theme="car"] .group:hover .group-hover\:text-emerald-600 { color: #dc2626 !important; }

/* Border utilities */
[data-theme="car"] .border-emerald-100 { border-color: #fecaca !important; }
[data-theme="car"] .border-emerald-100\/60 { border-color: #fecaca !important; }
[data-theme="car"] .border-emerald-100\/80 { border-color: #fecaca !important; }
[data-theme="car"] .border-emerald-200 { border-color: #fecaca !important; }
[data-theme="car"] .border-emerald-200\/80 { border-color: #fecaca !important; }
[data-theme="car"] .border-emerald-300 { border-color: #fca5a5 !important; }
[data-theme="car"] .border-emerald-500 { border-color: #dc2626 !important; }
[data-theme="car"] .border-emerald-600 { border-color: #dc2626 !important; }
[data-theme="car"] .border-emerald-800\/60 { border-color: #991b1b !important; }
[data-theme="car"] .hover\:border-emerald-200:hover { border-color: #fecaca !important; }
[data-theme="car"] .hover\:border-emerald-300:hover { border-color: #fca5a5 !important; }
[data-theme="car"] .hover\:border-emerald-500:hover { border-color: #dc2626 !important; }

/* Focus & Rings */
[data-theme="car"] .focus\:ring-emerald-300:focus { --tw-ring-color: #fca5a5 !important; }
[data-theme="car"] .focus\:ring-emerald-500:focus { --tw-ring-color: #dc2626 !important; }
[data-theme="car"] .focus\:border-emerald-400:focus { border-color: #dc2626 !important; }
[data-theme="car"] .focus\:border-emerald-500:focus { border-color: #dc2626 !important; }
[data-theme="car"] .ring-emerald-500 { --tw-ring-color: #dc2626 !important; }
[data-theme="car"] .shadow-emerald-200 { --tw-shadow-color: #fca5a5 !important; }

/* Gradients Overrides */
[data-theme="car"] .from-emerald-500,
[data-theme="car"] .from-emerald-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="car"] .to-emerald-600,
[data-theme="car"] .to-teal-400,
[data-theme="car"] .to-teal-600,
[data-theme="car"] .to-teal-700 {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position) !important;
}
[data-theme="car"] .via-emerald-500,
[data-theme="car"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="car"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #dc2626 !important;
}
[data-theme="car"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #b91c1c !important;
}
[data-theme="car"] .dual-range-slider::-moz-range-thumb {
  background-color: #dc2626 !important;
}
[data-theme="car"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #b91c1c !important;
}

/* Hero & Section Gradients */
[data-theme="car"] .theme-hero-gradient {
  background: linear-gradient(135deg, #09090b 0%, #18181b 35%, #7f1d1d 75%, #dc2626 100%) !important;
}
[data-theme="car"] .theme-price-gradient {
  background: linear-gradient(to right, #fef2f2, #fff1f2, #ffe4e6) !important;
}

/* Pulse ring */
[data-theme="car"] .pulse-ring::before {
  background: rgba(220, 38, 38, 0.4) !important;
}

/* ========================================================
   THEME: DIENMAY
   ======================================================== */
[data-theme="dienmay"] {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #0284c7;
  --theme-primary-hover: #0369a1;
  --theme-primary-dark: #075985;
  --theme-primary-light: #f0f9ff;
  --theme-primary-border: #bae6fd;
  --theme-ring: #7dd3fc;
}

[data-theme="dienmay"] body,
[data-theme="dienmay"] .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Background utilities */
[data-theme="dienmay"] .bg-emerald-500 { background-color: #0284c7 !important; }
[data-theme="dienmay"] .bg-emerald-600 { background-color: #0369a1 !important; }
[data-theme="dienmay"] .bg-emerald-700 { background-color: #075985 !important; }
[data-theme="dienmay"] .hover\:bg-emerald-50:hover { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .hover\:bg-emerald-100:hover { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .hover\:bg-emerald-600:hover { background-color: #0369a1 !important; }
[data-theme="dienmay"] .hover\:bg-emerald-700:hover { background-color: #075985 !important; }
[data-theme="dienmay"] .active\:bg-emerald-800:active { background-color: #0c4a6e !important; }
[data-theme="dienmay"] .bg-emerald-50 { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .bg-emerald-100 { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .bg-emerald-50\/40 { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .bg-emerald-50\/50 { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .bg-emerald-50\/60 { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .bg-emerald-50\/70 { background-color: #f0f9ff !important; }
[data-theme="dienmay"] .bg-emerald-950\/60 { background-color: #075985 !important; }

/* Text utilities */
[data-theme="dienmay"] .text-emerald-100 { color: #f0f9ff !important; }
[data-theme="dienmay"] .text-emerald-400 { color: #7dd3fc !important; }
[data-theme="dienmay"] .text-emerald-500 { color: #0284c7 !important; }
[data-theme="dienmay"] .text-emerald-600 { color: #0284c7 !important; }
[data-theme="dienmay"] .text-emerald-700 { color: #0369a1 !important; }
[data-theme="dienmay"] .text-emerald-800 { color: #075985 !important; }
[data-theme="dienmay"] .text-emerald-900 { color: #0c4a6e !important; }
[data-theme="dienmay"] .hover\:text-emerald-600:hover { color: #0284c7 !important; }
[data-theme="dienmay"] .hover\:text-emerald-700:hover { color: #0369a1 !important; }
[data-theme="dienmay"] .hover\:text-emerald-400:hover { color: #7dd3fc !important; }
[data-theme="dienmay"] .group:hover .group-hover\:text-emerald-600 { color: #0284c7 !important; }

/* Border utilities */
[data-theme="dienmay"] .border-emerald-100 { border-color: #bae6fd !important; }
[data-theme="dienmay"] .border-emerald-100\/60 { border-color: #bae6fd !important; }
[data-theme="dienmay"] .border-emerald-100\/80 { border-color: #bae6fd !important; }
[data-theme="dienmay"] .border-emerald-200 { border-color: #bae6fd !important; }
[data-theme="dienmay"] .border-emerald-200\/80 { border-color: #bae6fd !important; }
[data-theme="dienmay"] .border-emerald-300 { border-color: #7dd3fc !important; }
[data-theme="dienmay"] .border-emerald-500 { border-color: #0284c7 !important; }
[data-theme="dienmay"] .border-emerald-600 { border-color: #0284c7 !important; }
[data-theme="dienmay"] .border-emerald-800\/60 { border-color: #075985 !important; }
[data-theme="dienmay"] .hover\:border-emerald-200:hover { border-color: #bae6fd !important; }
[data-theme="dienmay"] .hover\:border-emerald-300:hover { border-color: #7dd3fc !important; }
[data-theme="dienmay"] .hover\:border-emerald-500:hover { border-color: #0284c7 !important; }

/* Focus & Rings */
[data-theme="dienmay"] .focus\:ring-emerald-300:focus { --tw-ring-color: #7dd3fc !important; }
[data-theme="dienmay"] .focus\:ring-emerald-500:focus { --tw-ring-color: #0284c7 !important; }
[data-theme="dienmay"] .focus\:border-emerald-400:focus { border-color: #0284c7 !important; }
[data-theme="dienmay"] .focus\:border-emerald-500:focus { border-color: #0284c7 !important; }
[data-theme="dienmay"] .ring-emerald-500 { --tw-ring-color: #0284c7 !important; }
[data-theme="dienmay"] .shadow-emerald-200 { --tw-shadow-color: #7dd3fc !important; }

/* Gradients Overrides */
[data-theme="dienmay"] .from-emerald-500,
[data-theme="dienmay"] .from-emerald-600 {
  --tw-gradient-from: #0284c7 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #0369a1 var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="dienmay"] .to-emerald-600,
[data-theme="dienmay"] .to-teal-400,
[data-theme="dienmay"] .to-teal-600,
[data-theme="dienmay"] .to-teal-700 {
  --tw-gradient-to: #075985 var(--tw-gradient-to-position) !important;
}
[data-theme="dienmay"] .via-emerald-500,
[data-theme="dienmay"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #0369a1 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="dienmay"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #0284c7 !important;
}
[data-theme="dienmay"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #0369a1 !important;
}
[data-theme="dienmay"] .dual-range-slider::-moz-range-thumb {
  background-color: #0284c7 !important;
}
[data-theme="dienmay"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #0369a1 !important;
}

/* Hero & Section Gradients */
[data-theme="dienmay"] .theme-hero-gradient {
  background: linear-gradient(135deg, #075985 0%, #0369a1 45%, #0284c7 80%, #38bdf8 100%) !important;
}
[data-theme="dienmay"] .theme-price-gradient {
  background: linear-gradient(to right, #f0f9ff, #e0f2fe, #bae6fd) !important;
}

/* Pulse ring */
[data-theme="dienmay"] .pulse-ring::before {
  background: rgba(2, 132, 199, 0.4) !important;
}

/* ========================================================
   THEME: SMARTHOME
   ======================================================== */
[data-theme="smarthome"] {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #6366f1;
  --theme-primary-hover: #4f46e5;
  --theme-primary-dark: #4338ca;
  --theme-primary-light: #eef2ff;
  --theme-primary-border: #c7d2fe;
  --theme-ring: #a5b4fc;
}

[data-theme="smarthome"] body,
[data-theme="smarthome"] .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Background utilities */
[data-theme="smarthome"] .bg-emerald-500 { background-color: #6366f1 !important; }
[data-theme="smarthome"] .bg-emerald-600 { background-color: #4f46e5 !important; }
[data-theme="smarthome"] .bg-emerald-700 { background-color: #4338ca !important; }
[data-theme="smarthome"] .hover\:bg-emerald-50:hover { background-color: #eef2ff !important; }
[data-theme="smarthome"] .hover\:bg-emerald-100:hover { background-color: #eef2ff !important; }
[data-theme="smarthome"] .hover\:bg-emerald-600:hover { background-color: #4f46e5 !important; }
[data-theme="smarthome"] .hover\:bg-emerald-700:hover { background-color: #4338ca !important; }
[data-theme="smarthome"] .active\:bg-emerald-800:active { background-color: #3730a3 !important; }
[data-theme="smarthome"] .bg-emerald-50 { background-color: #eef2ff !important; }
[data-theme="smarthome"] .bg-emerald-100 { background-color: #eef2ff !important; }
[data-theme="smarthome"] .bg-emerald-50\/40 { background-color: #eef2ff !important; }
[data-theme="smarthome"] .bg-emerald-50\/50 { background-color: #eef2ff !important; }
[data-theme="smarthome"] .bg-emerald-50\/60 { background-color: #eef2ff !important; }
[data-theme="smarthome"] .bg-emerald-50\/70 { background-color: #eef2ff !important; }
[data-theme="smarthome"] .bg-emerald-950\/60 { background-color: #4338ca !important; }

/* Text utilities */
[data-theme="smarthome"] .text-emerald-100 { color: #eef2ff !important; }
[data-theme="smarthome"] .text-emerald-400 { color: #a5b4fc !important; }
[data-theme="smarthome"] .text-emerald-500 { color: #6366f1 !important; }
[data-theme="smarthome"] .text-emerald-600 { color: #6366f1 !important; }
[data-theme="smarthome"] .text-emerald-700 { color: #4f46e5 !important; }
[data-theme="smarthome"] .text-emerald-800 { color: #4338ca !important; }
[data-theme="smarthome"] .text-emerald-900 { color: #3730a3 !important; }
[data-theme="smarthome"] .hover\:text-emerald-600:hover { color: #6366f1 !important; }
[data-theme="smarthome"] .hover\:text-emerald-700:hover { color: #4f46e5 !important; }
[data-theme="smarthome"] .hover\:text-emerald-400:hover { color: #a5b4fc !important; }
[data-theme="smarthome"] .group:hover .group-hover\:text-emerald-600 { color: #6366f1 !important; }

/* Border utilities */
[data-theme="smarthome"] .border-emerald-100 { border-color: #c7d2fe !important; }
[data-theme="smarthome"] .border-emerald-100\/60 { border-color: #c7d2fe !important; }
[data-theme="smarthome"] .border-emerald-100\/80 { border-color: #c7d2fe !important; }
[data-theme="smarthome"] .border-emerald-200 { border-color: #c7d2fe !important; }
[data-theme="smarthome"] .border-emerald-200\/80 { border-color: #c7d2fe !important; }
[data-theme="smarthome"] .border-emerald-300 { border-color: #a5b4fc !important; }
[data-theme="smarthome"] .border-emerald-500 { border-color: #6366f1 !important; }
[data-theme="smarthome"] .border-emerald-600 { border-color: #6366f1 !important; }
[data-theme="smarthome"] .border-emerald-800\/60 { border-color: #4338ca !important; }
[data-theme="smarthome"] .hover\:border-emerald-200:hover { border-color: #c7d2fe !important; }
[data-theme="smarthome"] .hover\:border-emerald-300:hover { border-color: #a5b4fc !important; }
[data-theme="smarthome"] .hover\:border-emerald-500:hover { border-color: #6366f1 !important; }

/* Focus & Rings */
[data-theme="smarthome"] .focus\:ring-emerald-300:focus { --tw-ring-color: #a5b4fc !important; }
[data-theme="smarthome"] .focus\:ring-emerald-500:focus { --tw-ring-color: #6366f1 !important; }
[data-theme="smarthome"] .focus\:border-emerald-400:focus { border-color: #6366f1 !important; }
[data-theme="smarthome"] .focus\:border-emerald-500:focus { border-color: #6366f1 !important; }
[data-theme="smarthome"] .ring-emerald-500 { --tw-ring-color: #6366f1 !important; }
[data-theme="smarthome"] .shadow-emerald-200 { --tw-shadow-color: #a5b4fc !important; }

/* Gradients Overrides */
[data-theme="smarthome"] .from-emerald-500,
[data-theme="smarthome"] .from-emerald-600 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="smarthome"] .to-emerald-600,
[data-theme="smarthome"] .to-teal-400,
[data-theme="smarthome"] .to-teal-600,
[data-theme="smarthome"] .to-teal-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position) !important;
}
[data-theme="smarthome"] .via-emerald-500,
[data-theme="smarthome"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="smarthome"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #6366f1 !important;
}
[data-theme="smarthome"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #4f46e5 !important;
}
[data-theme="smarthome"] .dual-range-slider::-moz-range-thumb {
  background-color: #6366f1 !important;
}
[data-theme="smarthome"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #4f46e5 !important;
}

/* Hero & Section Gradients */
[data-theme="smarthome"] .theme-hero-gradient {
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 40%, #4338ca 75%, #06b6d4 100%) !important;
}
[data-theme="smarthome"] .theme-price-gradient {
  background: linear-gradient(to right, #eef2ff, #f5f3ff, #ede9fe) !important;
}

/* Pulse ring */
[data-theme="smarthome"] .pulse-ring::before {
  background: rgba(99, 102, 241, 0.4) !important;
}

/* ========================================================
   THEME: TELECOM
   ======================================================== */
[data-theme="telecom"] {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #ea580c;
  --theme-primary-hover: #c2410c;
  --theme-primary-dark: #9a3412;
  --theme-primary-light: #fff7ed;
  --theme-primary-border: #fed7aa;
  --theme-ring: #fdba74;
}

[data-theme="telecom"] body,
[data-theme="telecom"] .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Background utilities */
[data-theme="telecom"] .bg-emerald-500 { background-color: #ea580c !important; }
[data-theme="telecom"] .bg-emerald-600 { background-color: #c2410c !important; }
[data-theme="telecom"] .bg-emerald-700 { background-color: #9a3412 !important; }
[data-theme="telecom"] .hover\:bg-emerald-50:hover { background-color: #fff7ed !important; }
[data-theme="telecom"] .hover\:bg-emerald-100:hover { background-color: #fff7ed !important; }
[data-theme="telecom"] .hover\:bg-emerald-600:hover { background-color: #c2410c !important; }
[data-theme="telecom"] .hover\:bg-emerald-700:hover { background-color: #9a3412 !important; }
[data-theme="telecom"] .active\:bg-emerald-800:active { background-color: #7c2d12 !important; }
[data-theme="telecom"] .bg-emerald-50 { background-color: #fff7ed !important; }
[data-theme="telecom"] .bg-emerald-100 { background-color: #fff7ed !important; }
[data-theme="telecom"] .bg-emerald-50\/40 { background-color: #fff7ed !important; }
[data-theme="telecom"] .bg-emerald-50\/50 { background-color: #fff7ed !important; }
[data-theme="telecom"] .bg-emerald-50\/60 { background-color: #fff7ed !important; }
[data-theme="telecom"] .bg-emerald-50\/70 { background-color: #fff7ed !important; }
[data-theme="telecom"] .bg-emerald-950\/60 { background-color: #9a3412 !important; }

/* Text utilities */
[data-theme="telecom"] .text-emerald-100 { color: #fff7ed !important; }
[data-theme="telecom"] .text-emerald-400 { color: #fdba74 !important; }
[data-theme="telecom"] .text-emerald-500 { color: #ea580c !important; }
[data-theme="telecom"] .text-emerald-600 { color: #ea580c !important; }
[data-theme="telecom"] .text-emerald-700 { color: #c2410c !important; }
[data-theme="telecom"] .text-emerald-800 { color: #9a3412 !important; }
[data-theme="telecom"] .text-emerald-900 { color: #7c2d12 !important; }
[data-theme="telecom"] .hover\:text-emerald-600:hover { color: #ea580c !important; }
[data-theme="telecom"] .hover\:text-emerald-700:hover { color: #c2410c !important; }
[data-theme="telecom"] .hover\:text-emerald-400:hover { color: #fdba74 !important; }
[data-theme="telecom"] .group:hover .group-hover\:text-emerald-600 { color: #ea580c !important; }

/* Border utilities */
[data-theme="telecom"] .border-emerald-100 { border-color: #fed7aa !important; }
[data-theme="telecom"] .border-emerald-100\/60 { border-color: #fed7aa !important; }
[data-theme="telecom"] .border-emerald-100\/80 { border-color: #fed7aa !important; }
[data-theme="telecom"] .border-emerald-200 { border-color: #fed7aa !important; }
[data-theme="telecom"] .border-emerald-200\/80 { border-color: #fed7aa !important; }
[data-theme="telecom"] .border-emerald-300 { border-color: #fdba74 !important; }
[data-theme="telecom"] .border-emerald-500 { border-color: #ea580c !important; }
[data-theme="telecom"] .border-emerald-600 { border-color: #ea580c !important; }
[data-theme="telecom"] .border-emerald-800\/60 { border-color: #9a3412 !important; }
[data-theme="telecom"] .hover\:border-emerald-200:hover { border-color: #fed7aa !important; }
[data-theme="telecom"] .hover\:border-emerald-300:hover { border-color: #fdba74 !important; }
[data-theme="telecom"] .hover\:border-emerald-500:hover { border-color: #ea580c !important; }

/* Focus & Rings */
[data-theme="telecom"] .focus\:ring-emerald-300:focus { --tw-ring-color: #fdba74 !important; }
[data-theme="telecom"] .focus\:ring-emerald-500:focus { --tw-ring-color: #ea580c !important; }
[data-theme="telecom"] .focus\:border-emerald-400:focus { border-color: #ea580c !important; }
[data-theme="telecom"] .focus\:border-emerald-500:focus { border-color: #ea580c !important; }
[data-theme="telecom"] .ring-emerald-500 { --tw-ring-color: #ea580c !important; }
[data-theme="telecom"] .shadow-emerald-200 { --tw-shadow-color: #fdba74 !important; }

/* Gradients Overrides */
[data-theme="telecom"] .from-emerald-500,
[data-theme="telecom"] .from-emerald-600 {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="telecom"] .to-emerald-600,
[data-theme="telecom"] .to-teal-400,
[data-theme="telecom"] .to-teal-600,
[data-theme="telecom"] .to-teal-700 {
  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position) !important;
}
[data-theme="telecom"] .via-emerald-500,
[data-theme="telecom"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #c2410c var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="telecom"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #ea580c !important;
}
[data-theme="telecom"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #c2410c !important;
}
[data-theme="telecom"] .dual-range-slider::-moz-range-thumb {
  background-color: #ea580c !important;
}
[data-theme="telecom"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #c2410c !important;
}

/* Hero & Section Gradients */
[data-theme="telecom"] .theme-hero-gradient {
  background: linear-gradient(135deg, #1c1917 0%, #7c2d12 40%, #ea580c 75%, #f59e0b 100%) !important;
}
[data-theme="telecom"] .theme-price-gradient {
  background: linear-gradient(to right, #fff7ed, #ffedd5, #fed7aa) !important;
}

/* Pulse ring */
[data-theme="telecom"] .pulse-ring::before {
  background: rgba(234, 88, 12, 0.4) !important;
}

/* ========================================================
   THEME: MEDICAL
   ======================================================== */
[data-theme="medical"] {
  --theme-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --theme-primary: #0d9488;
  --theme-primary-hover: #0f766e;
  --theme-primary-dark: #115e59;
  --theme-primary-light: #f0fdfa;
  --theme-primary-border: #99f6e4;
  --theme-ring: #5eead4;
}

[data-theme="medical"] body,
[data-theme="medical"] .font-sans {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Background utilities */
[data-theme="medical"] .bg-emerald-500 { background-color: #0d9488 !important; }
[data-theme="medical"] .bg-emerald-600 { background-color: #0f766e !important; }
[data-theme="medical"] .bg-emerald-700 { background-color: #115e59 !important; }
[data-theme="medical"] .hover\:bg-emerald-50:hover { background-color: #f0fdfa !important; }
[data-theme="medical"] .hover\:bg-emerald-100:hover { background-color: #f0fdfa !important; }
[data-theme="medical"] .hover\:bg-emerald-600:hover { background-color: #0f766e !important; }
[data-theme="medical"] .hover\:bg-emerald-700:hover { background-color: #115e59 !important; }
[data-theme="medical"] .active\:bg-emerald-800:active { background-color: #134e4a !important; }
[data-theme="medical"] .bg-emerald-50 { background-color: #f0fdfa !important; }
[data-theme="medical"] .bg-emerald-100 { background-color: #f0fdfa !important; }
[data-theme="medical"] .bg-emerald-50\/40 { background-color: #f0fdfa !important; }
[data-theme="medical"] .bg-emerald-50\/50 { background-color: #f0fdfa !important; }
[data-theme="medical"] .bg-emerald-50\/60 { background-color: #f0fdfa !important; }
[data-theme="medical"] .bg-emerald-50\/70 { background-color: #f0fdfa !important; }
[data-theme="medical"] .bg-emerald-950\/60 { background-color: #115e59 !important; }

/* Text utilities */
[data-theme="medical"] .text-emerald-100 { color: #f0fdfa !important; }
[data-theme="medical"] .text-emerald-400 { color: #5eead4 !important; }
[data-theme="medical"] .text-emerald-500 { color: #0d9488 !important; }
[data-theme="medical"] .text-emerald-600 { color: #0d9488 !important; }
[data-theme="medical"] .text-emerald-700 { color: #0f766e !important; }
[data-theme="medical"] .text-emerald-800 { color: #115e59 !important; }
[data-theme="medical"] .text-emerald-900 { color: #134e4a !important; }
[data-theme="medical"] .hover\:text-emerald-600:hover { color: #0d9488 !important; }
[data-theme="medical"] .hover\:text-emerald-700:hover { color: #0f766e !important; }
[data-theme="medical"] .hover\:text-emerald-400:hover { color: #5eead4 !important; }
[data-theme="medical"] .group:hover .group-hover\:text-emerald-600 { color: #0d9488 !important; }

/* Border utilities */
[data-theme="medical"] .border-emerald-100 { border-color: #99f6e4 !important; }
[data-theme="medical"] .border-emerald-100\/60 { border-color: #99f6e4 !important; }
[data-theme="medical"] .border-emerald-100\/80 { border-color: #99f6e4 !important; }
[data-theme="medical"] .border-emerald-200 { border-color: #99f6e4 !important; }
[data-theme="medical"] .border-emerald-200\/80 { border-color: #99f6e4 !important; }
[data-theme="medical"] .border-emerald-300 { border-color: #5eead4 !important; }
[data-theme="medical"] .border-emerald-500 { border-color: #0d9488 !important; }
[data-theme="medical"] .border-emerald-600 { border-color: #0d9488 !important; }
[data-theme="medical"] .border-emerald-800\/60 { border-color: #115e59 !important; }
[data-theme="medical"] .hover\:border-emerald-200:hover { border-color: #99f6e4 !important; }
[data-theme="medical"] .hover\:border-emerald-300:hover { border-color: #5eead4 !important; }
[data-theme="medical"] .hover\:border-emerald-500:hover { border-color: #0d9488 !important; }

/* Focus & Rings */
[data-theme="medical"] .focus\:ring-emerald-300:focus { --tw-ring-color: #5eead4 !important; }
[data-theme="medical"] .focus\:ring-emerald-500:focus { --tw-ring-color: #0d9488 !important; }
[data-theme="medical"] .focus\:border-emerald-400:focus { border-color: #0d9488 !important; }
[data-theme="medical"] .focus\:border-emerald-500:focus { border-color: #0d9488 !important; }
[data-theme="medical"] .ring-emerald-500 { --tw-ring-color: #0d9488 !important; }
[data-theme="medical"] .shadow-emerald-200 { --tw-shadow-color: #5eead4 !important; }

/* Gradients Overrides */
[data-theme="medical"] .from-emerald-500,
[data-theme="medical"] .from-emerald-600 {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #0f766e var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="medical"] .to-emerald-600,
[data-theme="medical"] .to-teal-400,
[data-theme="medical"] .to-teal-600,
[data-theme="medical"] .to-teal-700 {
  --tw-gradient-to: #115e59 var(--tw-gradient-to-position) !important;
}
[data-theme="medical"] .via-emerald-500,
[data-theme="medical"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #0f766e var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="medical"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #0d9488 !important;
}
[data-theme="medical"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #0f766e !important;
}
[data-theme="medical"] .dual-range-slider::-moz-range-thumb {
  background-color: #0d9488 !important;
}
[data-theme="medical"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #0f766e !important;
}

/* Hero & Section Gradients */
[data-theme="medical"] .theme-hero-gradient {
  background: linear-gradient(135deg, #042f2e 0%, #0f766e 45%, #0d9488 80%, #2dd4bf 100%) !important;
}
[data-theme="medical"] .theme-price-gradient {
  background: linear-gradient(to right, #f0fdfa, #ccfbf1, #99f6e4) !important;
}

/* Pulse ring */
[data-theme="medical"] .pulse-ring::before {
  background: rgba(13, 148, 136, 0.4) !important;
}

/* ========================================================
   THEME: FASHION
   ======================================================== */
[data-theme="fashion"] {
  --theme-font: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --theme-primary: #e11d48;
  --theme-primary-hover: #be123c;
  --theme-primary-dark: #9f1239;
  --theme-primary-light: #fff1f2;
  --theme-primary-border: #fecdd3;
  --theme-ring: #fda4af;
}

[data-theme="fashion"] body,
[data-theme="fashion"] .font-sans {
  font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Background utilities */
[data-theme="fashion"] .bg-emerald-500 { background-color: #e11d48 !important; }
[data-theme="fashion"] .bg-emerald-600 { background-color: #be123c !important; }
[data-theme="fashion"] .bg-emerald-700 { background-color: #9f1239 !important; }
[data-theme="fashion"] .hover\:bg-emerald-50:hover { background-color: #fff1f2 !important; }
[data-theme="fashion"] .hover\:bg-emerald-100:hover { background-color: #fff1f2 !important; }
[data-theme="fashion"] .hover\:bg-emerald-600:hover { background-color: #be123c !important; }
[data-theme="fashion"] .hover\:bg-emerald-700:hover { background-color: #9f1239 !important; }
[data-theme="fashion"] .active\:bg-emerald-800:active { background-color: #881337 !important; }
[data-theme="fashion"] .bg-emerald-50 { background-color: #fff1f2 !important; }
[data-theme="fashion"] .bg-emerald-100 { background-color: #fff1f2 !important; }
[data-theme="fashion"] .bg-emerald-50\/40 { background-color: #fff1f2 !important; }
[data-theme="fashion"] .bg-emerald-50\/50 { background-color: #fff1f2 !important; }
[data-theme="fashion"] .bg-emerald-50\/60 { background-color: #fff1f2 !important; }
[data-theme="fashion"] .bg-emerald-50\/70 { background-color: #fff1f2 !important; }
[data-theme="fashion"] .bg-emerald-950\/60 { background-color: #9f1239 !important; }

/* Text utilities */
[data-theme="fashion"] .text-emerald-100 { color: #fff1f2 !important; }
[data-theme="fashion"] .text-emerald-400 { color: #fda4af !important; }
[data-theme="fashion"] .text-emerald-500 { color: #e11d48 !important; }
[data-theme="fashion"] .text-emerald-600 { color: #e11d48 !important; }
[data-theme="fashion"] .text-emerald-700 { color: #be123c !important; }
[data-theme="fashion"] .text-emerald-800 { color: #9f1239 !important; }
[data-theme="fashion"] .text-emerald-900 { color: #881337 !important; }
[data-theme="fashion"] .hover\:text-emerald-600:hover { color: #e11d48 !important; }
[data-theme="fashion"] .hover\:text-emerald-700:hover { color: #be123c !important; }
[data-theme="fashion"] .hover\:text-emerald-400:hover { color: #fda4af !important; }
[data-theme="fashion"] .group:hover .group-hover\:text-emerald-600 { color: #e11d48 !important; }

/* Border utilities */
[data-theme="fashion"] .border-emerald-100 { border-color: #fecdd3 !important; }
[data-theme="fashion"] .border-emerald-100\/60 { border-color: #fecdd3 !important; }
[data-theme="fashion"] .border-emerald-100\/80 { border-color: #fecdd3 !important; }
[data-theme="fashion"] .border-emerald-200 { border-color: #fecdd3 !important; }
[data-theme="fashion"] .border-emerald-200\/80 { border-color: #fecdd3 !important; }
[data-theme="fashion"] .border-emerald-300 { border-color: #fda4af !important; }
[data-theme="fashion"] .border-emerald-500 { border-color: #e11d48 !important; }
[data-theme="fashion"] .border-emerald-600 { border-color: #e11d48 !important; }
[data-theme="fashion"] .border-emerald-800\/60 { border-color: #9f1239 !important; }
[data-theme="fashion"] .hover\:border-emerald-200:hover { border-color: #fecdd3 !important; }
[data-theme="fashion"] .hover\:border-emerald-300:hover { border-color: #fda4af !important; }
[data-theme="fashion"] .hover\:border-emerald-500:hover { border-color: #e11d48 !important; }

/* Focus & Rings */
[data-theme="fashion"] .focus\:ring-emerald-300:focus { --tw-ring-color: #fda4af !important; }
[data-theme="fashion"] .focus\:ring-emerald-500:focus { --tw-ring-color: #e11d48 !important; }
[data-theme="fashion"] .focus\:border-emerald-400:focus { border-color: #e11d48 !important; }
[data-theme="fashion"] .focus\:border-emerald-500:focus { border-color: #e11d48 !important; }
[data-theme="fashion"] .ring-emerald-500 { --tw-ring-color: #e11d48 !important; }
[data-theme="fashion"] .shadow-emerald-200 { --tw-shadow-color: #fda4af !important; }

/* Gradients Overrides */
[data-theme="fashion"] .from-emerald-500,
[data-theme="fashion"] .from-emerald-600 {
  --tw-gradient-from: #e11d48 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: #be123c var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
[data-theme="fashion"] .to-emerald-600,
[data-theme="fashion"] .to-teal-400,
[data-theme="fashion"] .to-teal-600,
[data-theme="fashion"] .to-teal-700 {
  --tw-gradient-to: #9f1239 var(--tw-gradient-to-position) !important;
}
[data-theme="fashion"] .via-emerald-500,
[data-theme="fashion"] .via-emerald-600 {
  --tw-gradient-stops: var(--tw-gradient-from), #be123c var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Dual range slider thumb */
[data-theme="fashion"] .dual-range-slider::-webkit-slider-thumb {
  background-color: #e11d48 !important;
}
[data-theme="fashion"] .dual-range-slider::-webkit-slider-thumb:hover {
  background-color: #be123c !important;
}
[data-theme="fashion"] .dual-range-slider::-moz-range-thumb {
  background-color: #e11d48 !important;
}
[data-theme="fashion"] .dual-range-slider::-moz-range-thumb:hover {
  background-color: #be123c !important;
}

/* Hero & Section Gradients */
[data-theme="fashion"] .theme-hero-gradient {
  background: linear-gradient(135deg, #18181b 0%, #4c0519 40%, #be123c 75%, #f43f5e 100%) !important;
}
[data-theme="fashion"] .theme-price-gradient {
  background: linear-gradient(to right, #fff1f2, #ffe4e6, #fecdd3) !important;
}

/* Pulse ring */
[data-theme="fashion"] .pulse-ring::before {
  background: rgba(225, 29, 72, 0.4) !important;
}