@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Pinyon+Script&family=Mr+De+Haviland&family=Alex+Brush&family=WindSong:wght@400;500&family=Mrs+Saint+Delafield&family=Meie+Script&display=swap');

:root {
    --font-serif: "Cormorant Garamond", serif;
    --font-sans: "Montserrat", sans-serif;
    --font-sig-pinyon: "Pinyon Script", cursive;
    --font-sig-haviland: "Mr De Haviland", cursive;
    --font-sig-alex: "Alex Brush", cursive;
    --font-sig-wind: "WindSong", cursive;
    --font-sig-delafield: "Mrs Saint Delafield", cursive;
    --font-sig-meie: "Meie Script", cursive;
}

body {
    font-family: var(--font-sans);
    background-color: #fafaf9;
    color: #1a1a1a;
}

h1, h2, h3, h4 {
    font-family: var(--font-serif);
}

.font-sig {
    font-family: var(--font-sig-pinyon);
}

html {
    scroll-behavior: smooth;
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}