/* ==========================================================================
   Particle Effect Background - Ocean Blue Style
   ========================================================================== */

#particles-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.3;
}

.dark-mode #particles-canvas {
    opacity: 0.5;
}

/* Ensure content is above particles */
.navbar,
.hero,
.section,
.footer {
    position: relative;
    z-index: 1;
}