/* SlickScan Background Image Use on your dashboard wrapper or body. Example: ... */ :root{ /* Core palette */ --ss-navy-1: #071a2c; --ss-navy-2: #0d151c; --ss-navy-3: #0a3252; --ss-vignette: rgba(0, 0, 0, 0.35); } /* Background layer */ body{ min-height: 100vh; background-color: var(--ss-navy-2); background-image: url('../img/body/slick-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center center; position: relative; overflow-x: hidden; } /* Subtle vignette overlay for depth */ body::before{ content:""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(ellipse at center, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.15) 60%, var(--ss-vignette) 100%); z-index: 0; } /* Optional: if your app wrapper has its own background, let the glow show through */ body .app, body #app, body .container, body .container-fluid{ background: transparent; }