/* CSS Custom Properties (Variables) */
:root {
    /* Colors */
    --primary-color: #1e4620;
    --primary-dark: #1a3b1c;
    --secondary-color: #2d6b32;
    --accent-color: #ffd700;
    --text-dark: #2c5530;
    --text-light: #666;
    --background-light: #f8f9fa;
    --background-green: #e8f5e8;
    --background-green-light: #f1f8e9;
    --white: #ffffff;
    --whatsapp-green: #25d366;
    --whatsapp-green-hover: #1fb854;
    
    /* Typography */
    --font-family-primary: 'Georgia', serif;
    --font-size-base: 1rem;
    --font-size-sm: 0.9rem;
    --font-size-lg: 1.2rem;
    --font-size-xl: 1.3rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 2.5rem;
    --font-size-4xl: 3rem;
    --line-height-base: 1.6;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    
    /* Layout */
    --container-max-width: 1200px;
    --header-height: 60px;
    --border-radius-sm: 10px;
    --border-radius-md: 15px;
    --border-radius-lg: 25px;
    --border-radius-full: 50px;
    
    /* Shadows */
    --shadow-sm: 0 2px 10px rgba(0,0,0,0.1);
    --shadow-md: 0 5px 15px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 25px rgba(0,0,0,0.15);
    --shadow-xl: 0 15px 30px rgba(0,0,0,0.2);
    --shadow-header: 0 2px 10px rgba(0,0,0,0.3);
    --shadow-gold: 0 4px 15px rgba(255, 215, 0, 0.3);
    --shadow-gold-hover: 0 6px 20px rgba(255, 215, 0, 0.4);
    
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-medium: 0.6s ease;
    --transition-slow: 1s ease;
    
    /* Z-index */
    --z-header: 1000;
    --z-dropdown: 1001;
    --z-floating: 1000;
    --z-modal: 10000;
}