/* Fondo general de la app (identidad de la landing de Addon AI).
   Capa fija y sin eventos (los puntos reaccionan al cursor via canvas); solo tokens --bg-* (css/tokens.css).
   Aplica a Agentes y Resultados; el Constructor conserva su lienzo y su fondo. */

body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--bg-backdrop);
}

body[data-view='constructor']::before {
  display: none;
}

/* Puntos interactivos (js/ui/dot-field.js): canvas decorativo sobre los puntos estaticos, bajo el contenido */
.dot-field {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

/* Texto atenuado que queda directo sobre el fondo (titulos, resumenes, conteos) */
.view--page {
  --color-text-secondary: var(--bg-text-muted);
  --color-text-muted: var(--bg-text-muted);
}