* {
  box-sizing: border-box;
}

html {
  background: var(--color-bg);
  /* Por orden: Segoe UI (Windows: se prefiere en escritorio, comparada con Nunito Sans); Avenir Next (la trae de serie
     Apple: Mac, iPhone, iPad — es comercial, no se puede incluir en la app); Nunito Sans (elegida para el móvil: la
     alternativa libre más parecida a Avenir, sustituye a la del sistema en Android, Roboto, que no convencía) y Noto
     Sans de reserva — ambas incluidas en node_modules y enlazadas en index.html. Solo se descarga la que se usa. */
  font-family:
    "Segoe UI", "Avenir Next", "Nunito Sans Variable", "Noto Sans Variable", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, sans-serif;
}

body {
  margin: 0;
}

/* Casillas y botones de opción activados en el verde de marca (accent-color se hereda también dentro del shadow DOM). */
:root {
  accent-color: var(--color-accent);
}