@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');

:root {
    --bg-museum: #F4F1EA;
    --text-dark: #151515;
    --accent-pink: #FF4D6D;
    --accent-blue: #4D65FF;
    --accent-teal: #00BFA6;
    --accent-yellow: #FFB800;
}

body {
    background-color: var(--bg-museum);
    color: var(--text-dark);
    font-family: 'Inter Tight', sans-serif;
    overflow-x: hidden;
}

.font-editorial {
    font-family: 'Cormorant Garamond', serif;
}

/* Custom Cursor */
.custom-cursor {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: transform 0.15s ease-out, opacity 0.2s ease;
    transform: translate(-50%, -50%);
}

/* Hide scrollbar for clean museum aesthetic */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Entrance curtain animation */
@keyframes introSlide {
    0% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}
.curtain-overlay {
    position: fixed;
    inset: 0;
    background: #151515;
    z-index: 10000;
    animation: introSlide 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    animation-delay: 0.2s;
}