/*
Theme Name: Deepika's Recipes
Theme URI: https://example.com
Author: Deepika
Description: Premium vegetarian recipe and food blog theme optimized for performance and Core Web Vitals.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: deepikas-recipes
License: GPL v2 or later
Tags: blog, food-and-drink, one-column, two-columns, custom-logo, featured-images, editor-style, responsive-layout
*/

/* CSS variables */
:root{
    --green:#2E7D32;
    --green-dark:#1B5E20;
    --black:#121212;
    --text:#2B2B2B;
    --light:#F8FAF8;
    --border:#E5E7EB;
    --radius:20px;
    --container:1200px;
    --shadow:0 6px 24px rgba(0,0,0,.08);
}

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--text);
    background:var(--light);
    line-height:1.7;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

a{
    color:var(--green);
    text-decoration:none;
}

a:hover{
    color:var(--green-dark);
}

.container{
    width:min(100% - 2rem, var(--container));
    margin-inline:auto;
}

.card{
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
}

.btn{
    display:inline-block;
    padding:.85rem 1.5rem;
    border-radius:999px;
    background:var(--green);
    color:#fff;
    font-weight:600;
    transition:.25s ease;
}

.btn:hover{
    background:var(--green-dark);
    color:#fff;
}

.grid{
    display:grid;
    gap:2rem;
}

@media (min-width:768px){
    .grid{
        grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    }
}