/* Colores personalizados AIFA */
:root {
  --aifa-blue: #1E3A8A;
  --aifa-blue-hover: #1e40af;
  --aifa-blue-light: #3B82F6;
  --aifa-green: #047857;
  --aifa-amber: #F59E0B;
}

/* Sobrescribir colores primary con azul */
.bg-primary-600 {
  background-color: var(--aifa-blue) !important;
}

.bg-primary-700 {
  background-color: var(--aifa-blue-hover) !important;
}

.hover\:bg-primary-700:hover {
  background-color: var(--aifa-blue-hover) !important;
}

.hover\:bg-primary-800:hover {
  background-color: #1e40af !important;
}

.text-primary-600 {
  color: var(--aifa-blue) !important;
}

.text-primary-700 {
  color: var(--aifa-blue-hover) !important;
}

.hover\:text-primary-600:hover {
  color: var(--aifa-blue) !important;
}

.hover\:text-primary-700:hover {
  color: var(--aifa-blue-hover) !important;
}

.border-primary-400 {
  border-color: var(--aifa-blue-light) !important;
}

.border-primary-500 {
  border-color: var(--aifa-blue) !important;
}

.hover\:border-primary-500:hover {
  border-color: var(--aifa-blue) !important;
}

.ring-primary-100 {
  --tw-ring-color: rgba(30, 58, 138, 0.1) !important;
}

.ring-primary-500 {
  --tw-ring-color: var(--aifa-blue) !important;
}

.focus\:ring-primary-100:focus {
  --tw-ring-color: rgba(30, 58, 138, 0.1) !important;
}

.focus\:ring-primary-500:focus {
  --tw-ring-color: var(--aifa-blue) !important;
}

.focus\:border-primary-400:focus {
  border-color: var(--aifa-blue-light) !important;
}

/* Sombras con color azul */
.shadow-primary-600\/30 {
  --tw-shadow-color: rgba(30, 58, 138, 0.3) !important;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-shadow) !important;
}

.shadow-primary-600\/20 {
  --tw-shadow-color: rgba(30, 58, 138, 0.2) !important;
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-shadow) !important;
}

/* Colores AIFA directos */
.bg-aifa-blue {
  background-color: var(--aifa-blue) !important;
}

.hover\:bg-aifa-blue:hover {
  background-color: var(--aifa-blue-hover) !important;
}

.text-aifa-blue {
  color: var(--aifa-blue) !important;
}

.bg-aifa-light {
  background-color: var(--aifa-blue-light) !important;
}

.hover\:bg-aifa-light:hover {
  background-color: var(--aifa-blue-light) !important;
}

.text-aifa-light {
  color: var(--aifa-blue-light) !important;
}

.border-aifa-blue {
  border-color: var(--aifa-blue) !important;
}

.bg-aifa-green {
  background-color: var(--aifa-green) !important;
}

.text-aifa-green {
  color: var(--aifa-green) !important;
}

/* Gradientes con azul */
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}

.from-emerald-600 {
  --tw-gradient-from: #1E3A8A !important;
  --tw-gradient-to: rgba(30, 58, 138, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-emerald-500 {
  --tw-gradient-to: rgba(59, 130, 246, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), #3B82F6, var(--tw-gradient-to) !important;
}

.to-emerald-600 {
  --tw-gradient-to: #1E3A8A !important;
}