/* ==========================================================================
   Khulio Web — Estilos customizados
   ========================================================================== */

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
.dark ::-webkit-scrollbar-track {
    background: #050505;
}
html:not(.dark) ::-webkit-scrollbar-track {
    background: #f5f7fa;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #2563EB;
}

/* Glassmorphism Navbar */
.nav-glass {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Scroll Reveal Effect */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Ambient Glow behind Laptop */
.ambient-glow {
    filter: blur(80px);
    background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, rgba(5, 5, 5, 0) 70%);
}

/* Transition for theme switching */
.theme-transition, .theme-transition * {
    transition: background-color 0.5s ease, border-color 0.5s ease, text-color 0.5s ease, fill 0.5s ease, stroke 0.5s ease;
}