/**
 * Particle System — Canvas Layer
 *
 * Styles for the .bg-layers__particles canvas element.
 * The actual particle rendering is handled by assets/js/particles.js.
 */

/* ==========================================================================
   Particle Canvas Layer
   ========================================================================== */

.bg-layers__particles {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: var(--bg-particles-opacity, 0.6);
}

/* ==========================================================================
   Accessibility & Performance
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .bg-layers__particles {
        display: none;
    }
}

@media print {
    .bg-layers__particles {
        display: none;
    }
}