@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;0,900;1,400&family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #FFFDF9;
    color: #1C1917;
}

h1, h2, h3, .font-serif-heading {
    font-family: 'Playfair Display', serif;
}

.hero-pattern {
    background-image: radial-gradient(#C85A32 0.75px, transparent 0.75px), radial-gradient(#C85A32 0.75px, #FFFDF9 0.75px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
    opacity: 0.08;
}

.recipe-card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.recipe-card-hover:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 25px -5px rgba(200, 90, 50, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FFFDF9;
}
::-webkit-scrollbar-thumb {
    background: #D99B26;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C85A32;
}