/* Custom styles to supplement Tailwind */
body {
    font-family: 'Lato', sans-serif;
    background-color: #FAF9F6; /* brand-cream */
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

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

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FAF9F6; 
}
::-webkit-scrollbar-thumb {
    background: #8B4513; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #65320F; 
}

/* Mobile Menu Transitions */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}

/* Modal Transitions */
#artwork-modal {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
#artwork-modal.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
#artwork-modal:not(.hidden) {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Legal Modal Transitions */
#legal-modal {
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
#legal-modal.hidden,
#legal-modal[aria-hidden="true"] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
#legal-modal[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Loader if needed, or simple utility classes */
.clip-path-slant {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}