/* SouDoutor - Cores Personalizadas */
:root {
    --primary-color: #0390fc;
    --primary-dark: #0277d4;
    --primary-light: #35a9fc;
    --primary-bg: rgba(3, 144, 252, 0.1);
}

/* Substituir todas as classes indigo por primary */
.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-primary-light { background-color: var(--primary-bg) !important; }
.border-primary { border-color: var(--primary-color) !important; }
.hover\:bg-primary:hover { background-color: var(--primary-color) !important; }
.hover\:bg-primary-dark:hover { background-color: var(--primary-dark) !important; }
.hover\:text-primary:hover { color: var(--primary-color) !important; }

/* Substituir indigo-600 */
.text-indigo-600 { color: var(--primary-color) !important; }
.bg-indigo-600 { background-color: var(--primary-color) !important; }
.hover\:bg-indigo-700:hover { background-color: var(--primary-dark) !important; }
.hover\:text-indigo-600:hover { color: var(--primary-color) !important; }
.border-indigo-600 { border-color: var(--primary-color) !important; }
.ring-indigo-500 { --tw-ring-color: var(--primary-color) !important; }
.focus\:ring-indigo-500:focus { --tw-ring-color: var(--primary-color) !important; }
.focus\:border-indigo-500:focus { border-color: var(--primary-color) !important; }

/* Substituir indigo-100 (backgrounds claros) */
.bg-indigo-100 { background-color: var(--primary-bg) !important; }

/* Substituir indigo-50 */
.bg-indigo-50 { background-color: rgba(3, 144, 252, 0.05) !important; }

/* Substituir indigo-700 */
.text-indigo-700 { color: var(--primary-dark) !important; }

/* Gradientes */
.gradient-bg {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%) !important;
}

/* FAQ titles: light gray background */
#faq .faq-toggle {
  background-color: #f3f4f6; /* gray-100 */
  padding: 0.75rem 0.875rem;
  border-radius: 0.5rem;
}

#faq .faq-toggle:hover {
  background-color: #e5e7eb; /* gray-200 */
}