/* 
   accesibilidad.css 
   Correcciones para Bootstrap 4 - Contraste WCAG AA (4.5:1)
*/

:root {
    /* Versiones oscurecidas de los colores originales */
    --primary-accessible: #507aa2;
    --info-accessible: #117a8b;
    --success-accessible: #1e7e34;
    --warning-accessible: #856404; /* El amarillo requiere oscurecerse mucho para texto blanco */
    --muted-accessible: #6c757d;
}

/* 1. UTILIDADES DE TEXTO */
.text-primary { color: var(--primary-accessible) !important; }
.text-info    { color: var(--info-accessible) !important; }
.text-success { color: var(--success-accessible) !important; }
.text-warning { color: var(--warning-accessible) !important; }
.text-muted   { color: var(--muted-accessible) !important; }

/* 2. BOTONES (Fondo oscuro + Texto blanco) */
/* Se añade un .btn por defecto igual al btn-primary */
.btn {
    background-color: var(--primary-accessible);
    border-color: #4a7095;
    color: white;
}
.btn:hover {
    background-color: #44688a;
    border-color: #3e5e7d;
    color: white;
}

.btn-primary {
    background-color: var(--primary-accessible) !important;
    border-color: #4a7095 !important;
    color: white !important;;
}
.btn-primary:hover {
    background-color: #44688a !important;
    border-color: #3e5e7d !important;
}

.btn-info {
    background-color: var(--info-accessible) !important;
    border-color: #10707f !important;
    color: #fff !important;
}

/* 3. BOTONES (Fondo claro + Texto oscuro) 
   Para el 'warning', es mejor cambiar el texto a oscuro que oscurecer el fondo */
.btn-warning {
    color: #212529 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.btn-warning:hover {
    color: #212529 !important;
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}

/* 4. ALERTAS (Mejora de contraste en el texto interno) */
.alert-primary { color: #002752 !important; background-color: #cce5ff !important; border-color: #b8daff !important; }
.alert-info    { color: #0c5460 !important; background-color: #d1ecf1 !important; border-color: #bee5eb !important; }
.alert-success { color: #155724 !important; background-color: #d4edda !important; border-color: #c3e6cb !important; }
/* La alerta de warning de BS4 ya suele ser accesible por su texto oscuro */

/* 5. BADGES (Etiquetas) */
.badge-primary { background-color: var(--primary-accessible) !important; }
.badge-info    { background-color: var(--info-accessible) !important; color: #fff !important; }
.badge-warning { background-color: #ffc107 !important; color: #212529 !important; } /* Texto oscuro obligado */

/* 6. FONDOS (Background Utilities) */
.bg-primary { background-color: var(--primary-accessible) !important; }
.bg-info    { background-color: var(--info-accessible) !important; }
.bg-success { background-color: var(--success-accessible) !important; }
.bg-warning { background-color: #ffc107 !important; color: #212529 !important; } /* Forzar texto oscuro */

/* 7. CARD. colores por defecto AYTO */
.card { border-color:  var(--primary-accessible) !important; }
.card-header { color: white !important;  background-color: var(--primary-accessible) !important; }