/* Base Styles & Overrides */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar for Webkit */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #fafafa;
}
.dark ::-webkit-scrollbar-track {
    background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db; /* Tailwind gray-300 */
    border-radius: 5px;
}
.dark ::-webkit-scrollbar-thumb {
    background: #3f3f46; /* Tailwind zinc-700 */
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af; /* Tailwind gray-400 */
}
.dark ::-webkit-scrollbar-thumb:hover {
    background: #52525b; /* Tailwind zinc-600 */
}

/* Ensure no horizontal scroll on mobile ever */
body {
    overflow-x: hidden;
}

/* Add a slow gentle glow to the blob keyframes */
.animate-blob {
    animation: blob 7s infinite ease-in-out;
}
.animation-delay-2000 {
    animation-delay: 2s;
}
.animation-delay-4000 {
    animation-delay: 4s;
}

/* Prevent layout shift during GSAP mount */
.hero-content opacity {
    opacity: 0;
}
.service-card {
    will-change: transform, opacity;
}
.project-tile {
    will-change: transform;
}