/* Custom color themes */
.theme-red {
  --primary-color: #e53e3e;
  --primary-hover: #c53030;
  --logo-bg: #e53e3e;
  --bg-gradient-from: #fef2f2;
  --bg-gradient-to: #fce7e7;
  --bg-main: #fef2f2;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-orange {
  --primary-color: #ff8c00;
  --primary-hover: #e07600;
  --logo-bg: #ff8c00;
  --bg-gradient-from: #fff7ed;
  --bg-gradient-to: #fed7aa;
  --bg-main: #fff7ed;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-blue {
  --primary-color: #3b82f6;
  --primary-hover: #2563eb;
  --logo-bg: #3b82f6;
  --bg-gradient-from: #eff6ff;
  --bg-gradient-to: #dbeafe;
  --bg-main: #eff6ff;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-green {
  --primary-color: #10b981;
  --primary-hover: #059669;
  --logo-bg: #10b981;
  --bg-gradient-from: #ecfdf5;
  --bg-gradient-to: #d1fae5;
  --bg-main: #ecfdf5;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-purple {
  --primary-color: #8b5cf6;
  --primary-hover: #7c3aed;
  --logo-bg: #8b5cf6;
  --bg-gradient-from: #f5f3ff;
  --bg-gradient-to: #ede9fe;
  --bg-main: #f5f3ff;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-pink {
  --primary-color: #ec4899;
  --primary-hover: #db2777;
  --logo-bg: #ec4899;
  --bg-gradient-from: #fdf2f8;
  --bg-gradient-to: #fce7f3;
  --bg-main: #fdf2f8;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-yellow {
  --primary-color: #f59e0b;
  --primary-hover: #d97706;
  --logo-bg: #f59e0b;
  --bg-gradient-from: #fffbeb;
  --bg-gradient-to: #fef3c7;
  --bg-main: #fffbeb;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-indigo {
  --primary-color: #6366f1;
  --primary-hover: #4f46e5;
  --logo-bg: #6366f1;
  --bg-gradient-from: #eef2ff;
  --bg-gradient-to: #e0e7ff;
  --bg-main: #eef2ff;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-teal {
  --primary-color: #14b8a6;
  --primary-hover: #0d9488;
  --logo-bg: #14b8a6;
  --bg-gradient-from: #f0fdfa;
  --bg-gradient-to: #ccfbf1;
  --bg-main: #f0fdfa;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-cyan {
  --primary-color: #06b6d4;
  --primary-hover: #0891b2;
  --logo-bg: #06b6d4;
  --bg-gradient-from: #ecfeff;
  --bg-gradient-to: #cffafe;
  --bg-main: #ecfeff;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-rose {
  --primary-color: #f43f5e;
  --primary-hover: #e11d48;
  --logo-bg: #f43f5e;
  --bg-gradient-from: #fff1f2;
  --bg-gradient-to: #ffe4e6;
  --bg-main: #fff1f2;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-lime {
  --primary-color: #84cc16;
  --primary-hover: #65a30d;
  --logo-bg: #84cc16;
  --bg-gradient-from: #f7fee7;
  --bg-gradient-to: #ecfccb;
  --bg-main: #f7fee7;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-amber {
  --primary-color: #f59e0b;
  --primary-hover: #d97706;
  --logo-bg: #f59e0b;
  --bg-gradient-from: #fffbeb;
  --bg-gradient-to: #fef3c7;
  --bg-main: #fffbeb;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-emerald {
  --primary-color: #10b981;
  --primary-hover: #059669;
  --logo-bg: #10b981;
  --bg-gradient-from: #ecfdf5;
  --bg-gradient-to: #d1fae5;
  --bg-main: #ecfdf5;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-violet {
  --primary-color: #a855f7;
  --primary-hover: #9333ea;
  --logo-bg: #a855f7;
  --bg-gradient-from: #faf5ff;
  --bg-gradient-to: #f3e8ff;
  --bg-main: #faf5ff;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-darkgreen {
  --primary-color: #047857;
  --primary-hover: #065f46;
  --logo-bg: #047857;
  --bg-gradient-from: #f0fdf4;
  --bg-gradient-to: #dcfce7;
  --bg-main: #f0fdf4;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-darkblue {
  --primary-color: #1e40af;
  --primary-hover: #1e3a8a;
  --logo-bg: #1e40af;
  --bg-gradient-from: #eff6ff;
  --bg-gradient-to: #dbeafe;
  --bg-main: #eff6ff;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}
.theme-gold {
  --primary-color: #d97706;
  --primary-hover: #b45309;
  --logo-bg: #d97706;
  --bg-gradient-from: #fffbeb;
  --bg-gradient-to: #fde68a;
  --bg-main: #fffbeb;
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}

.btn-whatsapp {
  background-color: var(--whatsapp-color);
  border-color: var(--whatsapp-color);
}

.btn-whatsapp:hover {
  background-color: #059669;
  border-color: #059669;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.text-primary {
  color: var(--primary-color);
}

/* Brand color - always red for CX/QX/PX */
.text-brand-red {
  color: #e53e3e;
}

.border-primary {
  border-color: var(--primary-color);
}

.logo-bg {
  background-color: var(--logo-bg);
}

.bg-theme-main {
  background-color: var(--bg-main);
  --whatsapp-color: #10b981;
  --email-color: #07b6d4;
}

.bg-theme-gradient {
  background: linear-gradient(
    to bottom right,
    var(--bg-gradient-from),
    var(--bg-gradient-to)
  );
}