/* ============================================
   WELLI THEME - Bleu Foncé #1E3A8A
   ============================================ */

/* Couleurs principales */
.bg-red-600 { background-color: #1E3A8A !important; }
.bg-red-700 { background-color: #1E40AF !important; }
.bg-red-800 { background-color: #1E293B !important; }
.bg-red-500 { background-color: #3B82F6 !important; }
.bg-red-50 { background-color: #EFF6FF !important; }
.bg-red-100 { background-color: #DBEAFE !important; }

/* Textes */
.text-red-600 { color: #1E3A8A !important; }
.text-red-700 { color: #1E40AF !important; }
.text-red-500 { color: #3B82F6 !important; }
.text-red-200 { color: #93C5FD !important; }
.text-red-100 { color: #DBEAFE !important; }

/* Bordures */
.border-red-600 { border-color: #1E3A8A !important; }
.border-red-500 { border-color: #3B82F6 !important; }
.border-red-300 { border-color: #93C5FD !important; }

/* Hover states */
.hover\:bg-red-700:hover { background-color: #1E40AF !important; }
.hover\:bg-red-800:hover { background-color: #1E293B !important; }
.hover\:text-red-600:hover { color: #1E3A8A !important; }
.hover\:text-red-200:hover { color: #93C5FD !important; }
.hover\:border-red-500:hover { border-color: #3B82F6 !important; }

/* Focus states */
.focus\:ring-red-500:focus { --tw-ring-color: #3B82F6 !important; }
.focus\:ring-red-200:focus { --tw-ring-color: #DBEAFE !important; }
.focus\:border-red-500:focus { border-color: #3B82F6 !important; }
.focus\:border-red-600:focus { border-color: #1E3A8A !important; }

/* Gradients */
.from-red-600 { --tw-gradient-from: #1E3A8A !important; }
.from-red-700 { --tw-gradient-from: #1E40AF !important; }
.to-red-700 { --tw-gradient-to: #1E40AF !important; }
.to-red-800 { --tw-gradient-to: #1E293B !important; }

/* Badges et status */
.bg-red-100.text-red-800 { 
    background-color: #EFF6FF !important; 
    color: #1E40AF !important; 
}

/* Boutons spéciaux */
button.bg-red-600,
a.bg-red-600 {
    background-color: #1E3A8A !important;
}

button.bg-red-600:hover,
a.bg-red-600:hover {
    background-color: #1E40AF !important;
}

/* Ring colors pour focus */
.focus\:ring-2:focus {
    --tw-ring-shadow: 0 0 0 calc(2px + 0px) rgba(30, 58, 138, 0.5);
}