/* ----------------------------------------------------------------
 * premium-backdrop.css — the site-wide page background.
 *
 * Single source of truth for every page's backdrop. Replaces the old
 * per-page slate fills + floating-orb radial gradients with one
 * uniform, premium "deep navy" surface:
 *
 *   - a deep navy base (#060a17)
 *   - a broad navy -> deeper-navy radial settle for quiet depth
 *   - a faint top sheen so the surface reads as polished glass,
 *     not flat matte
 *
 * The gradients are deliberately wide and centred (no localised
 * circles) so nothing reads as a "floating orb". Tune the whole
 * site's backdrop from this one file — to shift the colour, change
 * the four hex values below (base + the three radial stops).
 *
 * Declared with !important so it wins over any legacy inline
 * `body { background: ... }` rules still living in a page's <style>.
 * Article pages pull this in via an @import at the top of article.css;
 * app pages link it directly in <head>.
 * ---------------------------------------------------------------- */

html {
    background-color: #060a17;
}

body {
    background-color: #060a17 !important;
    background-image:
        /* glossy top sheen — light catching the surface */
        linear-gradient(180deg,
            rgba(255, 255, 255, 0.05) 0%,
            rgba(255, 255, 255, 0.014) 140px,
            rgba(255, 255, 255, 0) 360px),
        /* deep navy settle toward the base */
        radial-gradient(135% 90% at 50% -12%,
            #16243f 0%,
            #0c1428 36%,
            #060a17 74%) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center top !important;
}

/* fixed-attachment backgrounds can stutter during momentum scroll on
   mobile; pin to the viewport flow there instead. */
@media (max-width: 768px) {
    body {
        background-attachment: scroll !important;
    }
}
