/* ---- RESET Y BASE — cargado por todas las páginas, depende de tokens.css ---- */
*{box-sizing:border-box;margin:0;padding:0;}
/* Varios elementos (formularios con display:flex, etc.) declaran su propio
   display, lo que pisa el display:none implícito del atributo [hidden] —
   esta regla restaura ese contrato en todo el sitio. */
[hidden]{display:none !important;}
html{scroll-behavior:smooth;}
html,body{
  width:100%;
  /* Antes hardcodeado a #faf6ef — duplicaba el valor de --void sin
     referenciarlo, así que una página que redefine --void (Enmienda 5,
     ámbito body.page-home) no veía ningún cambio en el fondo real. Mismo
     valor por defecto (--void sigue siendo #faf6ef en :root), ahora vía
     variable. */
  background:var(--void);
  font-family:'Space Grotesk',sans-serif;
  color:var(--ink);
  user-select:none;
}
/* Se activa al lanzar la experiencia de tarot: bloquea el scroll de la
   landing mientras la pantalla inmersiva está encima. */
body.experience-active{height:100%;overflow:hidden;}