/* Custom styles that extend Tailwind */

html {
    scroll-behavior: smooth;
}

body {
    background-color: #FDFBF7;
}

/* Geometric shapes for visual interest */
.blob {
    position: absolute;
    filter: blur(50px);
    z-index: -1;
    animation: float 10s infinite ease-in-out;
}

@keyframes float {
    0% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(20px, 40px) rotate(10deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
}

/* Navigation Scroll Effect */
.nav-scrolled #nav-bg {
    opacity: 1;
}

.nav-scrolled .logo-text {
    color: #006B54;
}

/* Custom Selection Color */
::selection {
    background: #FFD166;
    color: #004D3D;
}

/* Smooth Image Loading */
img {
    image-rendering: -webkit-optimize-contrast;
}