:root {
    /* Colors - Primary (Warm Wood Tones) */
    --color-primary: #8b6f47;
    --color-primary-dark: #6d4c2c;
    --color-primary-darker: #5a3d23;
    --color-primary-light: #a0826d;
    --color-wood-medium: #c9a875;
    --color-wood-light: #d4bc8f;
    
    /* Colors - Accent */
    --color-accent: #e67e22;
    --color-accent-dark: #d35400;
    --color-accent-green: #6b8e23;
    --color-whatsapp: #25D366;
    --color-whatsapp-hover: #1ea952;
    
    /* Colors - Background (Natural Tones) */
    --color-bg: #fdfcf8;
    --color-bg-light: #fff8e7;
    --color-bg-warm: #f4e4c1;
    --color-bg-warm-dark: #e8d5b7;
    --color-bg-yellow: #fff3cd;
    --color-rice-grain: #ddc9a3;
    
    /* Colors - Text */
    --color-text: #333;
    --color-text-muted: #666;
    --color-text-dark: #555;
    --color-text-yellow: #856404;
    
    /* Colors - Neutral */
    --color-white: #ffffff;
    --color-grey-light: #f8f8f8;
    --color-grey-medium: #e8e8e8;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;
    
    /* Border Radius */
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 15px;
    --radius-xl: 20px;
    --radius-full: 50px;
    
    /* Shadows */
    --shadow-sm: 0 2px 10px rgba(139, 111, 71, 0.1);
    --shadow-md: 0 4px 20px rgba(139, 111, 71, 0.15);
    --shadow-lg: 0 5px 20px rgba(139, 111, 71, 0.15);
    --shadow-xl: 0 10px 40px rgba(139, 111, 71, 0.15);
    --shadow-button: 0 4px 15px rgba(230, 126, 34, 0.4);
    --shadow-button-hover: 0 6px 25px rgba(230, 126, 34, 0.6);
    --shadow-whatsapp: 0 4px 15px rgba(37, 211, 102, 0.4);
    --shadow-whatsapp-hover: 0 6px 20px rgba(37, 211, 102, 0.6);
    
    /* Typography */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --line-height: 1.6;
    
    /* Layout */
    --max-width: 1200px;
    --nav-height: 80px;
    
    /* Transitions */
    --transition-fast: 0.3s;
    --transition-normal: 0.4s;
}