/* ==========================================================================
   ZIRA Ambient: global page backdrop (zira.network Meridian ink)
   Rebuilt for clean gradients only: no repeating lines, no side vignette bands.
   ========================================================================== */

:root {
    --zira-ink-deep: #020308;
    --zira-ink: #03040a;
    --zira-ink-mid: #060a12;
    --zira-horizon: #0e1626;
}

html.zira-ambient-root {
    background-color: var(--zira-ink-deep);
}

body.zira-ambient {
    position: relative;
    background-color: transparent;
    min-height: 100vh;
}

/*
 * Single fixed layer. Stack order (first = painted on top):
 * soft bottom depth, crown + corner accents, base diagonal wash.
 */
body.zira-ambient::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background-color: var(--zira-ink);
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            transparent 62%,
            rgba(1, 2, 6, 0.5) 100%
        ),
        radial-gradient(
            ellipse 92% 48% at 50% -18%,
            rgba(212, 160, 23, 0.055) 0%,
            transparent 52%
        ),
        radial-gradient(
            ellipse 48% 36% at 94% 14%,
            rgba(20, 184, 166, 0.04) 0%,
            transparent 48%
        ),
        radial-gradient(
            ellipse 42% 34% at 6% 88%,
            rgba(99, 102, 241, 0.028) 0%,
            transparent 46%
        ),
        linear-gradient(
            168deg,
            var(--zira-horizon) 0%,
            #0a101c 18%,
            var(--zira-ink-mid) 38%,
            var(--zira-ink) 62%,
            #04060e 100%
        );
}

/* Long-form pages: slightly brighter crown, same structure */
body.zira-ambient.zira-ambient-subtle::before {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            transparent 65%,
            rgba(1, 2, 6, 0.45) 100%
        ),
        radial-gradient(
            ellipse 78% 42% at 50% -8%,
            rgba(212, 160, 23, 0.07) 0%,
            transparent 54%
        ),
        radial-gradient(
            ellipse 40% 32% at 92% 26%,
            rgba(20, 184, 166, 0.045) 0%,
            transparent 50%
        ),
        linear-gradient(
            172deg,
            #0c1422 0%,
            var(--zira-ink-mid) 32%,
            var(--zira-ink) 100%
        );
}

@media (prefers-reduced-transparency: reduce) {
    body.zira-ambient::before,
    body.zira-ambient.zira-ambient-subtle::before {
        background-image: none;
        background-color: var(--zira-ink-mid);
    }
}

@media print {
    html.zira-ambient-root {
        background: white;
    }
    body.zira-ambient::before,
    body.zira-ambient.zira-ambient-subtle::before {
        content: none !important;
        display: none !important;
    }
}