body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
}
.hero-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.pexels.com/photos/4761787/pexels-photo-4761787.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2');
    background-size: cover;
    background-position: center;
}
.hero-bg-recipes {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1540420773420-3366772f4999?auto=format&fit=crop&w=1260&h=750&q=80');
    background-size: cover;
    background-position: center;
}
.hero-bg-about {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1506126613408-eca07ce68773?auto=format&fit=crop&w=1260&h=750&q=80');
    background-size: cover;
    background-position: center;
}
.hero-bg-articles {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1544367567-0f2fcb009e0b?auto=format&fit=crop&w=1260&h=750&q=80');
    background-size: cover;
    background-position: center;
}
.brand-green {
    color: #92b26b;
}
.bg-brand-green {
    background-color: #92b26b;
}
.border-brand-green {
    border-color: #92b26b;
}
.bg-brand-teal {
    background-color: #596d3b;
}
.bg-light-green {
    background-color: #eaf0e4;
}
.hover-bg-brand-green-dark:hover {
    background-color: #81a05a;
}
.font-serif {
    font-family: 'Playfair Display', serif;
}

/* Recipe Page Interactive Elements */
.plan-radio:checked + label {
    background-color: #92b26b;
    color: white;
    border-color: #92b26b;
}

.person-radio:checked + label {
    background-color: #92b26b;
    color: white;
    border-color: #92b26b;
}

.diet-preference-button.selected {
    background-color: #92b26b;
    color: white;
    border-color: #92b26b;
}