/* Bright section artwork beneath DragoArt's existing color atmosphere. */
body.site-background {
    --da-section-art: url('https://assets.dragoart.com/assets/backgrounds-20261019-v2/images/backgrounds/pop-culture-260914/comic-city.webp');
    --da-background-layers:
        radial-gradient(circle at 8% 12%, rgba(var(--da-atmosphere-primary), .48) 0, rgba(var(--da-atmosphere-primary), .16) 22%, transparent 46%),
        radial-gradient(circle at 92% 16%, rgba(var(--da-atmosphere-secondary), .42) 0, rgba(var(--da-atmosphere-secondary), .12) 24%, transparent 48%),
        linear-gradient(180deg, rgba(7, 9, 18, .72) 0%, rgba(7, 9, 18, .76) 58%, rgba(7, 9, 18, .84) 100%),
        var(--da-rotating-art, var(--da-section-art));
    background-image: var(--da-background-layers);
}

body.site-background--tutorial {
    --da-section-art: url('https://assets.dragoart.com/assets/backgrounds-20261019-v2/images/backgrounds/pop-culture-260914/comic-city.webp');
}

body.site-background--artwork {
    --da-section-art: url('https://assets.dragoart.com/assets/backgrounds-20261019-v2/images/backgrounds/pop-culture-260914/sticker-sketchbook.webp');
}

body.site-background--video {
    --da-section-art: url('https://assets.dragoart.com/assets/backgrounds-20261019-v2/images/backgrounds/pop-culture-260914/retro-arcade.webp');
}

/* Use the existing fixed atmosphere layer on phones so long pages don't
   stretch a single landscape across the entire document height. */
@media (max-width: 767px) {
    body.site-background { background-image: none; }
    body.site-background::before {
        background-image:
            radial-gradient(ellipse at 50% 110%, rgba(var(--da-atmosphere-primary), .22), transparent 55%),
            linear-gradient(90deg, rgba(5, 7, 14, .25), transparent 24%, transparent 76%, rgba(5, 7, 14, .25)),
            var(--da-background-layers);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-blend-mode: normal, normal, screen, screen, normal, normal;
    }
}