@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');

/* Global Reset & Scrollbar */
html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth; 
    /* Note: "smooth" might conflict with custom scroller if we add Lenis later, 
       but for native scroll it's fine. We'll disable it in JS if using Lenis. */
}

/* Hide Scrollbar for specific browsers if desired, but for this portfolio we usually want standard or custom scrollbar. 
   Let's create a minimal dark scrollbar. */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #121212; 
}
::-webkit-scrollbar-thumb {
    background: #333; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

/* Utility to help with canvas responsiveness if JS fails */
canvas {
    display: block;
}

/* Glassmorphism Classes (Tailwind extension fallback) */
.glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}