/* css/ui/background.css */
/* ===== Fondo de partículas (Entreno / Hábitos / Cardio / Comida / Progreso) =====
     Mismo fondo que el login (FluidParticlesBackground): degradé oscuro de marca + partículas
     finas a la deriva. Un solo canvas 2D compartido por las 5 pestañas — se muestra/oculta
     según la vista activa, nunca se recrea. La legibilidad se resuelve aclarando puntualmente
     el texto "suelto" (el que no vive dentro de una card opaca), scopeado bajo body.silk-on
     para no afectar login/coach/otras vistas. */
#silkCanvas {
    position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none;
    opacity: 0; transition: opacity .3s ease;
    /* Mismo degradé vertical que el logo y el splash (css/core/splash.css):
       si difieren, al pasar del splash a la app se nota un salto de tono. */
    background: var(--gize-bg);
  }

#silkCanvas.on { opacity: 1; }