/* ======================================
   MODO ALTO CONTRASTE
   Cumple WCAG 1.4.6 (Enhanced Contrast, AAA)
   Basado en estilos.css
====================================== */
@import url("estilos.css");

:root {
  --color-fondo: #000;
  --color-fondo-seccion: #000;
  --color-principal: #ffff00; /* amarillo brillante */
  --color-secundario: #f7ff0a; /* cian intenso */
  --color-destacado: #ff0000; /* rojo puro */
  --color-texto: #ffffff;
}

/* Aumentar grosor de bordes y foco */
* {
  border-color: var(--color-principal) !important;
}

body {
  background-color: var(--color-fondo);
  color: var(--color-texto);
}

a {
  color: var(--color-secundario);
  text-decoration: underline;
  font-weight: bold;
}

a:hover, a:focus {
  background-color: var(--color-destacado);
  color: #000;
  outline: 3px solid var(--color-principal);
}

button, input, select, textarea {
  background-color: #000;
  color: #fff;
  border: 2px solid var(--color-principal);
}

button:hover, input:hover {
  background-color: var(--color-principal);
  color: #000;
}

header, footer {
  background-color: #000;
  color: var(--color-principal);
  border-bottom: 3px solid var(--color-destacado);
}

table {
  background-color: #000;
  color: var(--color-texto);
  border: 3px solid var(--color-principal);
}