:root {
    --primary-green: #22c55e;
    --secondary-yellow:#ff6900;
    --text-dark: #1a1a1a;
    --text-light: #ffffff;
    --text-muted: #666666;
    --bg-light: #f8f9fa;
    --bg-section: #f0fdf4;
    --bg-feature: linear-gradient(135deg, #dcfce7, #bbf7d0);
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.15);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-image: 0 20px 40px rgba(0, 0, 0, 0.15);
    
    /* Hover states */
    --primary-green-hover: #16a34a;
    --secondary-yellow-hover: #e6860b;
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-green), #16a34a);
    --gradient-hero: linear-gradient(135deg, rgba(34, 197, 94, 0.3), rgba(34, 197, 94, 0.7));
    --gradient-overlay: rgba(0, 0, 0, 0.4);
    
    /* Text colors for orange elements */
    --orange-text: #ffffff;
}