/* base.css — Home D. Reset y lienzo.
   Los tokens ya NO viven aquí: el 18/sep se extrajo el sistema de diseño de esta home y
   ahora salen de css/tokens.css (generado desde design-system/tokens/tokens.json, espejo
   de las variables de Figma). Este archivo se queda con lo que no es token. */

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--superficie-pagina);
  color: var(--texto-principal);
  font-family: var(--tipografia-texto);
  -webkit-font-smoothing: antialiased;
}

#lienzo { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
main { position: relative; z-index: 1; }
/* `hidden` gana a cualquier display: un nodo oculto por el script no se cuela por un flex. */
[hidden] { display: none !important; }

/* Regla 14: variante estática digna, no un sitio roto. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  #lienzo { display: none; }
}