/* Full-page background matching document height */
#gradient-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* updated via JS to document height */
    z-index: -1;
    background-color: var(--bg-color);
    overflow: hidden;
}

/* Container for spheres */
.gradients-container {
    position: relative;
    width: 100%;
    height: 100%;
    filter: blur(80px);
}

/* Gradient spheres */
.gradient-sphere {
    position: absolute;
    border-radius: 50%;
    mix-blend-mode: screen;
    pointer-events: none;
    opacity: 0.4;
}