/* TITLE | LABEL: Global Base & Radial Gradient | UI Component Calls | Listens: N/A | N/A */
/* PURPOSE: Establishes base dark theme and applies tighter, subtle elliptical atmospheric gradients localized to the corners. */

/* --- GLOBAL SHARED STYLES --- */
/* TITLE | LABEL: Global Scrollbar Stability & Base | Shared CSS */
/* PURPOSE: Establishes base dark theme and reserves permanent scrollbar gutter to strictly prevent layout shifts across SPA tab switches */
html { 
    background-color: #050505; 
    scrollbar-gutter: stable; 
    overflow-y: scroll; 
}

body { 
    background-color: #050505; 
    background-image: 
        radial-gradient(ellipse at 85% 15%, rgba(157, 78, 221, 0.08), transparent 40%), 
        radial-gradient(ellipse at 15% 85%, rgba(0, 255, 204, 0.05), transparent 40%); 
    background-attachment: fixed; 
    color: #d1d1d1; 
    font-family: 'Lato', sans-serif; 
    margin: 0; 
    padding: 40px 5%; 
    position: relative; 
    min-height: 100vh; 
    box-sizing: border-box; 
}