/* ============================================================
   xNetwork — background.css
   Hintergrundbild + Overlay-Schichten.

   Aufbau (z-index):
     0 — Hintergrundbild           (body::before)
     1 — Dunkel-Overlay + Glow     (body::after)
     2 — Seiteninhalt              (body > *)
   ============================================================ */

/* BEGIN BACKGROUND-IMAGE */
body::before {
    content:             '';
    position:            fixed;
    top:                 0;
    left:                0;
    width:               100%;
    height:              100vh;
    height:              100lvh;
    background-image:    url('../img/background.png');
    background-size:     cover;
    background-position: center 20%;
    background-repeat:   no-repeat;
    z-index:             var(--z-background);
    transform:           translateZ(0);
}
/* END BACKGROUND-IMAGE */

/* BEGIN BACKGROUND-OVERLAY */
body::after {
    content:    '';
    position:   fixed;
    top:        0;
    left:       0;
    width:      100%;
    height:     100vh;
    height:     100lvh;
    background:
        linear-gradient(
            160deg,
            rgba(8,  6,  18, 0.62) 0%,
            rgba(20, 10, 30, 0.48) 40%,
            rgba(8,  6,  18, 0.80) 100%
        ),
        radial-gradient(
            ellipse at 70% 40%,
            rgba(232, 99, 122, 0.07) 0%,
            transparent 60%
        );
    z-index: var(--z-overlay);
}
/* END BACKGROUND-OVERLAY */

/* BEGIN CONTENT-LAYER */
body > * {
    position: relative;
    z-index:  var(--z-content);
}
/* END CONTENT-LAYER */