/* Base Reset & Typography */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #FDFCF8;
    color: #24341b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
}

/* Animation Keyframes */
@keyframes slideDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(200%); }
}

/* Utility tweaks */
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Mobile menu transitions */
#mobile-menu {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #426131;
    outline-offset: 4px;
}

/* Smooth image loading */
img {
    loading: lazy;
}