/* ==========================================================================
   VECTRAGLIDE LUXURY TECH STYLESHEET
   ========================================================================== */

/* Apply crisp geometric typography family globally */
html, body {
    scroll-behavior: smooth;
    background-color: #09090b;
    font-family: 'Inter', sans-serif !important;
}

/* Custom premium dark minimal scrollbar layout */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #09090b;
}
::-webkit-scrollbar-thumb {
    background: #1f1f29;
    border-radius: 10px;
    border: 2px solid #09090b;
}

::selection {
    background: #1d4ed8;
    color: #ffffff;
}

/* ==========================================================================
   SHARP LIGHTSABER GLOW UTILITIES (High-Intensity Energy Aura)
   ========================================================================== */

/* VECTRAGLIDE White Sabre - Intensely sharp pure white core with heavy white neon emission */
.lightsaber-core-white {
    color: #ffffff !important;
    letter-spacing: 0.25em;
    text-shadow: 
        0 0 2px #ffffff,
        0 0 8px rgba(255, 255, 255, 0.8),
        0 0 15px rgba(255, 255, 255, 0.6),
        0 0 30px rgba(255, 255, 255, 0.3);
}

/* GLIDE Faint Blue Sabre - Pure energetic high-voltage beam style edge bleeding */
.lightsaber-core-blue {
    color: #3b82f6 !important; /* Shifting to dynamic crisp energy blue */
    letter-spacing: 0.25em;
    text-shadow: 
        0 0 2px #ffffff,            /* High energy white central core */
        0 0 6px #2563eb,            /* Intermediate tight blue emission */
        0 0 18px rgba(37, 99, 235, 0.7),
        0 0 35px rgba(29, 78, 216, 0.4);
}

/* ==========================================================================
   LAYOUT STRUCTURES & GLASSMORPHISM
   ========================================================================== */

.glass-nav {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(14, 14, 18, 0.75);
}

#landing-gateway h1, 
#landing-gateway h2, 
#landing-gateway p {
    will-change: transform, opacity;
}

#elevator-canvas {
    display: block;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}