/* alto-contraste.css - negro y blanco puros
   ==========================================================
   ESTE TEMA NO ES DECORATIVO. Es el que permite usar la pagina a alguien
   con poca vision, o a cualquiera bajo sol fuerte en una pantalla que no se
   ve bien. Por eso no se elige por gusto: se elige porque hace falta.

   Reglas que sigue, y que son la razon de que exista:
     - Blanco puro sobre negro puro. El maximo contraste posible: 21:1.
     - Ninguna sombra, ningun degradado, ninguna transparencia: todo eso
       reduce el contraste y es lo primero que molesta.
     - Bordes marcados: si algo esta seleccionado, se ve aunque no haya color.
     - El acento es amarillo: es el color que mas se distingue sobre negro
       sin perder contraste (el azul y el verde no alcanzan).
     - Movimiento casi nulo: a quien le cuesta ver, el movimiento lo marea.

   Paquete: lo contrario de un tema decorativo. Menos es mas.
   ========================================================== */

[data-tema="alto-contraste"] {
  /* --- SUPERFICIES ---
     Fondo y superficie iguales a proposito: sin sombras, la distincion la
     hace el borde, no el color. */
  --c-fondo:         #000000;
  --c-fondo-suave:   #000000;
  --c-superficie:    #000000;
  --c-borde:         #ffffff;   /* borde blanco: es lo que separa */
  --c-borde-campo:   #ffffff;


  /* --- TEXTO --- */
  --c-texto:         #ffffff;
  --c-texto-suave:   #ffffff;   /* sin grises: un gris es contraste perdido */

  /* --- MARCA Y SENALES ---
     Amarillo puro: sobre negro es lo que mas resalta sin bajar del umbral. */
  --c-acento:        #ffff00;
  --c-acento-texto:  #000000;
  --c-foco:          #00ffff;   /* cian: distinto del acento, se ve aparte */
  --c-error:         #ff6666;
  --c-exito:         #66ff99;

  /* --- MEDIDAS ---
     Sin redondeo: una esquina redondeada suaviza el borde, y el borde es lo
     que hace visible el limite. Mas aire, para que las cosas no se toquen. */
  --radio:           0px;
  --radio-chico:     0px;
  --hueco:           24px;
  --hueco-seccion:   clamp(64px, 9vw, 112px);

  /* --- TIPOGRAFIA ---
     Interlineado suelto y familia de sistema: lo mas legible que hay. */
  --fuente-texto:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --linea-normal:    1.8;

  /* --- MOVIMIENTO ---
     Practicamente sin movimiento. El cambio de color al pasar el mouse si
     se mantiene: es informacion, no adorno. */
  --t-normal:        1ms;
  --ease-salida:     linear;

  /* --- SOMBRAS ---
     Ninguna. Una sombra es una transicion de gris, o sea contraste perdido. */
  --sombra-suave:    none;
  --sombra-media:    none;
  --sombra-fuerte:   none;
}