/* Core Structural and Base Overrides */
body {
    font-family: 'Space Grotesk', sans-serif;
    background-color: #020617;
    overflow-x: hidden;
    color: #f8fafc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Selection Highlights */
::selection {
    background-color: #83c5be;
    color: #0f172a;
}

/* Glassmorphic/Neon Structural Accents */
.neon-glow-primary {
    box-shadow: 0 0 40px rgba(131, 197, 190, 0.15);
    border: 1px solid rgba(131, 197, 190, 0.25);
}

.neon-glow-warm {
    box-shadow: 0 0 40px rgba(226, 149, 120, 0.2);
    border: 1px solid rgba(226, 149, 120, 0.3);
}

.text-gradient {
    background: linear-gradient(135deg, #83c5be 0%, #e29578 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Webkit Scrollbar Configurations */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #020617;
}

::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
    background: #83c5be;
}

/* Scroll Animation Transitions */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-on-scroll.active {
    opacity: 1;
    transform: translateY(0);
}