/* ==========================================================================
   accessibility.css — Wisa 2026-10-25
   Correcciones de accesibilidad (WCAG 2.1 AA) medidas con axe-core 4 sobre
   12 paginas reales de produccion el 2026-10-25.

   Regla de cascada: este fichero se carga DESPUES de bootstrap.min.css
   (header.php), de modo que sobreescribe las variables CSS de Bootstrap 5.3.3.

   QUE CORRIGE (medido con axe-core 4, no estimado):
   - color-contrast: enlaces #0d6efd sobre #f8f9fa = 4.27:1 (necesita 4.5:1)
                      -> --bs-link-color / --bs-link-hover-color a #0b5ed7
   - color-contrast: <code> #d63384 sobre #f8f9fa = 4.27:1 (necesita 4.5:1)
                      -> --bs-code-color a #c02a70
   - color-contrast: .btn-outline-primary #0d6efd = 4.27..4.39:1 -> #0b5ed7

   Ratios verificados por calculo de luminancia relativa (WCAG 2.x):
     #0b5ed7 sobre #f8f9fa = 5.54:1   sobre #ffffff = 5.84:1
     #c02a70 sobre #f8f9fa = 5.23:1
   ========================================================================== */

:root {
    /* Wisa 2026-10-25 (WCAG 1.4.3): #0d6efd = 4.27:1 sobre #f8f9fa -> falla AA.
       #0b5ed7 = 5.54:1 sobre #f8f9fa -> cumple AA.
       Bootstrap 5.3.3 define el color de enlace con la variable RGB
       (--bs-link-color-rgb:13,110,253), por lo que hay que sobreescribir
       AMBAS variables: solo cambiar --bs-link-color no surte efecto. */
    --bs-link-color: #0b5ed7;
    --bs-link-color-rgb: 11, 94, 215;
    --bs-link-hover-color: #084298;
    --bs-link-hover-color-rgb: 8, 66, 152;

    /* Wisa 2026-10-25 (WCAG 1.4.3): #d63384 = 4.27:1 sobre #f8f9fa -> falla AA.
       #c02a70 = 5.23:1 -> cumple AA. */
    --bs-code-color: #c02a70;

    /* Bootstrap 5.3.3 aplica code{color:inherit} (el <code> toma el color del
       texto padre), por lo que --bs-code-color no basta: hay que fijar el color
       del elemento code directamente. */
    --bs-emphasis-color: #c02a70;
}

/* Los botones outline de Bootstrap heredan --bs-btn-color del tema; con el
   color por defecto fallan AA sobre fondos claros (#f8f9fa, #fcfcfd). */
.btn-outline-primary {
    --bs-btn-color: #0b5ed7;
    --bs-btn-border-color: #0b5ed7;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0b5ed7;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #084298;
    --bs-btn-active-border-color: #084298;
    --bs-btn-disabled-color: #0b5ed7;
    --bs-btn-disabled-border-color: #0b5ed7;
}

/* Wisa 2026-10-25 (WCAG 1.4.3), medido con axe-core 4 sobre el detalle de
   oferta en produccion: .btn-outline-secondary usa #6c757d = 4.45:1 sobre
   #f8f9fa (necesita 4.5:1). #676f76 = 4.84:1 -> cumple AA con margen. */
.btn-outline-secondary {
    --bs-btn-color: #676f76;
    --bs-btn-border-color: #676f76;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #676f76;
    --bs-btn-hover-border-color: #676f76;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #5a6269;
    --bs-btn-active-border-color: #5a6269;
    --bs-btn-disabled-color: #676f76;
    --bs-btn-disabled-border-color: #676f76;
}

/* Enlace dentro de texto sobre fondo claro (parrafos legales, .container).
   Bootstrap 5.3.3 usa --bs-link-color-rgb; lo fijamos tambien para los
   elementos que lo consumen (p.ej. .link-underline). */
.link-underline {
    --bs-link-color: #0b5ed7;
    --bs-link-hover-color: #084298;
}

/* codigo inline */
code {
    color: #c02a70;
}