/*
Theme Name: GreenRoots Landscaping
Theme URI: https://greenrootslandscaping.com
Author: GreenRoots Landscaping
Author URI: https://greenrootslandscaping.com
Description: A professional portfolio theme for GreenRoots Landscaping — showcasing projects, services, and craftsmanship in outdoor spaces.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenroots
Tags: portfolio, landscaping, custom-menu, featured-images, responsive-layout
*/

/* ============================================================
   CSS CUSTOM PROPERTIES
   ============================================================ */

:root {
    /* Colors */
    --color-primary:       #6B8F5E;
    --color-primary-dark:  #4A6B41;
    --color-primary-light: #8AAB7D;
    --color-accent:        #C8A96E;
    --color-accent-dark:   #A8884E;
    --color-dark:          #2B2B2B;
    --color-dark-mid:      #3E3E3E;
    --color-earth:         #8B6F4E;
    --color-cream:         #F8F5EE;
    --color-cream-mid:     #EDE8DD;
    --color-cream-dark:    #DDD6C6;
    --color-white:         #FFFFFF;
    --color-text:          #3A3A3A;
    --color-text-light:    #6A6A6A;
    --color-border:        #D9D3C7;

    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Fluid font sizes */
    --text-xs:   clamp(0.75rem,  1.5vw, 0.875rem);
    --text-sm:   clamp(0.875rem, 1.8vw, 1rem);
    --text-base: clamp(1rem,     2vw,   1.125rem);
    --text-lg:   clamp(1.125rem, 2.2vw, 1.25rem);
    --text-xl:   clamp(1.25rem,  2.5vw, 1.5rem);
    --text-2xl:  clamp(1.5rem,   3vw,   2rem);
    --text-3xl:  clamp(1.875rem, 4vw,   2.5rem);
    --text-4xl:  clamp(2.25rem,  5vw,   3.25rem);
    --text-5xl:  clamp(2.75rem,  6vw,   4.5rem);

    /* Spacing */
    --space-xs:   0.5rem;
    --space-sm:   1rem;
    --space-md:   1.5rem;
    --space-lg:   2rem;
    --space-xl:   3rem;
    --space-2xl:  5rem;
    --space-3xl:  7rem;

    /* Misc */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   16px;
    --shadow-sm:   0 2px 8px rgba(0,0,0,0.08);
    --shadow-md:   0 4px 20px rgba(0,0,0,0.12);
    --shadow-lg:   0 8px 40px rgba(0,0,0,0.16);
    --transition:  0.3s ease;
    --max-width:   1280px;
    --nav-height:  72px;
}