/* ============================================================
   AMIZA — estilos globales del light DOM (shell de la SPA).
   El chrome (nav/footer) y las vistas encapsulan su estilo en el
   shadow DOM; aquí solo va lo del documento: base del body y la
   conmutación de vistas del router. Colores con tokens de tokens.css.
   ============================================================ */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--sans);
  color: var(--on-bg);
  background: var(--bg);
  line-height: 1.6;
  font-size: clamp(16px, 1.05vw, 18px);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Conmutación de vistas del router: solo la activa se muestra. */
main .view { display: none; }
main .view.active { display: block; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}