/* css/_alto-contraste-claro.css */
@import url("estilos.css");

:root {

  --color-primario: #000033; /* Azul muy muy oscuro (casi negro) */
  --color-primario-claro: #0d47a1; /* Azul oscuro (antes era claro) para bordes/acentos */
  --color-enlace: #000055; /* Azul oscuro intenso para enlaces */


  --color-fondo-global: #FFFFFF; /* Blanco puro para máximo contraste */
  --color-fondo-header: #F0F0F0; /* Gris muy claro para diferenciar */
  --color-fondo-blanco: #FFFFFF; /* Blanco */


  --color-texto-principal: #000000; /* Negro */
  --color-texto-blanco: #FFFFFF; /* Sigue siendo blanco (para botones con fondo oscuro) */
  --color-texto-secundario: #222222; /* Gris muy oscuro  */


  --color-aside-fondo: #F5F5F5; /* Gris claro */
  --color-aside-texto: #000000; /* Texto negro */
  --color-aside-borde: #000000; /* Borde gris oscuro */
  --color-indice-fondo: #000055; 
  --color-indice-enlace: #FFFFFF; /* Azul oscuro intenso */
  --color-tabla-borde: #333333; /* Borde gris oscuro */


  --color-foco-outline: #0000FF; /* Azul brillante */
  --color-foco-fondo: #ADD8E6; /* Azul claro como fondo */
}


.tabla thead th {
    background-color: #333333 !important; 
    color: var(--color-texto-blanco) !important;
    text-shadow: none !important;
}
 .tabla th[scope="row"] {
    background-color: #E8E8E8 !important; 
    color: var(--color-texto-principal) !important;
 }
 footer {
     background-color: #222222 !important; 
     color: var(--color-texto-blanco) !important;
     border-top-color: var(--color-primario-claro) !important;
 }
 footer a {
     color: #FFFF00 !important; /* Enlaces amarillos en footer oscuro */
     text-decoration: underline !important;
 }
  footer a:focus {
     outline-color: #FFFF00 !important;
  }

 nav, main, article, .tabla, .tabla th, .tabla td, fieldset {
    border-color: var(--color-tabla-borde) !important;
 }

 
 .form-contenedor input[type="reset"] {
    background-color: var(--color-fondo-blanco) !important; 
    color: var(--color-texto-principal) !important;
    border: 1px solid var(--color-texto-principal) !important;
}