/**
 * La base que comparten las páginas "de hoja": /expo/ y las cinco legales.
 *
 * QUÉ ES UNA HOJA. Una página del sitio que lleva la barra y el resto del
 * armazón del tema, pero cuyo CUERPO usa la paleta y las tipografías del arte de
 * la expo —fondo casi negro, Anton para los títulos y Archivo para el texto— en
 * vez de las del tema. Lo que las hace posibles sin teñir el resto del sitio es
 * que todo eso vive en la clase `.hoja` del contenedor y NO en `:root` ni en
 * `body`: la barra, que está fuera de ese contenedor, no ve ninguna de estas
 * variables y se pinta exactamente como en /tienda/.
 *
 * ESTE ARCHIVO EXISTE PARA NO DUPLICAR SIETE VARIABLES Y CUATRO DECLARACIONES.
 * Antes vivían dentro de expo.css; al llegar las páginas legales habría habido
 * dos copias de la misma paleta, y el día que cambie un color se cambiaría en
 * una sola. Ahora expo.css y legal.css dependen de este archivo y solo traen lo
 * suyo.
 *
 * El orden de carga lo garantiza `otaku520_encola_hoja()` en functions.php:
 * style.css → fuentes → hoja.css → (expo.css | legal.css).
 */

.hoja{
  --tinta:#08080B;
  --tinta-2:#121218;
  --papel:#EDEDF0;
  --humo:#8E919C;
  --neon:#F2C200;
  --sangre:#D8202F;
  --linea:#26262F;

  background:var(--tinta);
  color:var(--papel);
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:17px;
  line-height:1.55;
  -webkit-text-size-adjust:100%;
  display:block;
}

/* REPARACIONES: lo que el CSS del tema le hace a este marcado, y que hay que
   deshacer dentro de la hoja. Medido cargando style.css sobre la página de la
   expo cuando se servía sola:
     - `*{margin:0;padding:0}` borra el margen por omisión de los <p>, y con él
       se iban 57 px de alto: la caja de canje perdía 9 px y el pie 25.
     - `h1,h2,h3{font-family:'Bebas Neue';letter-spacing:.02em;line-height:1}`
       alcanza a cualquier título que no declare las tres cosas. */
.hoja p{margin:1em 0;}
.hoja h1,
.hoja h2,
.hoja h3,
.hoja h4{letter-spacing:normal;}