/* Custom styles that extend Tailwind */
body {
    background-color: #FDFBF7;
    color: #022C22;
}

/* Ensure images don't cause layout shift */
img {
    max-width: 100%;
    height: auto;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FDFBF7;
}
::-webkit-scrollbar-thumb {
    background: #064E3B;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #022C22;
}