:root {
            /* CookedNice Color Palette */
            --color-cream: #FFF8F2; /* Warm Cream Background */
            --color-olive: #6B8E23; /* Primary Accent */
            --color-terracotta: #D97B5F; /* Secondary Accent */
            --color-charcoal: #2E2E2E; /* Text */
            --color-white: #FFFFFF;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--color-cream);
            color: var(--color-charcoal);
            min-height: 100vh;
            line-height: 1.6;
        }

        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
            color: var(--color-charcoal);
        }

        /* Custom Styles for Food Imagery & Cards */
        .recipe-card {
            background-color: var(--color-white);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease-out;
            border-radius: 1rem; /* Soft rounded corners */
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .recipe-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .recipe-image-container {
            overflow: hidden;
        }

        .recipe-image {
            transition: transform 0.5s ease-out;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .recipe-card:hover .recipe-image {
            transform: scale(1.05);
        }
        
        /* Custom Button Style */
        .btn-primary {
            background-color: var(--color-olive);
            color: var(--color-white);
            transition: all 0.3s ease-out;
        }

        .btn-primary:hover {
            background-color: #5d7e1e; /* Slightly darker olive */
            transform: scale(1.02);
            box-shadow: 0 5px 15px rgba(107, 142, 35, 0.4);
        }
        
        /* Custom Scrollbar for warm theme */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-thumb { background: var(--color-terracotta); border-radius: 4px; }
        ::-webkit-scrollbar-track { background: var(--color-cream); }

        /* Animation: Fade Up */
        .fade-up-item {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        }
        .fade-up-active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Category Pill */
        .category-pill {
            background-color: var(--color-cream);
            border: 1px solid var(--color-olive);
            color: var(--color-olive);
            transition: all 0.3s ease;
        }

        .category-pill:hover, .category-pill.active {
            background-color: var(--color-olive);
            color: var(--color-white);
            transform: scale(1.05);
            box-shadow: 0 4px 8px rgba(107, 142, 35, 0.2);
        }