body {
    font-family: 'Lato', sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

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

/* Mobile menu transitions */
#mobile-menu.open {
    display: block;
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header scroll state */
header.scrolled {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}