/* ========================================
   CSS VARIABLES
   All color, font, spacing, and shadow variables
   ======================================== */

:root {
    --primary-green: #4CAF50;
    --dark-green: #2f7432;
    --darker-green: #1b3d1c;
    --light-green: #F8F9FA;
    --very-light-green: #2f4a35;
    --background-light: #F8F9FA;
    --info-section-bg: white;
    --about-us-bg: white;
    --testimonials-bg: white;
    --text-dark: #212121;
    --text-light: #555;
    --cta-orange: #FF5722;
    --cta-orange-hover: #E64A19;
    --text-white: #ffffff;
    --font-family-base: 'Poppins', sans-serif;
    --logo-accent-gold: #81C784;
    --page-header-bg: #e0f2f7;
    --border-light: #d8e0d9;
    --border-dark: rgba(255, 255, 255, 0.1);
    --form-border: #ced4da;
    --shadow-color-base: 0, 0, 0;
    --shadow-opacity-low: 0.05;
    --shadow-opacity-medium: 0.1;
    --shadow-opacity-high: 0.25;
    --shadow-cta-opacity: 0.25;
    --neutral-light: #ccc;
    --neutral-medium: #6c757d;
    --neutral-dark: #777777;
    --text-muted-light: rgba(255, 255, 255, 0.7);
    --text-muted-dark: rgba(255, 255, 255, 0.5);
    --border-separator: #e0e0e0;
    --cta-gradient-1: #ff5722;
    --cta-gradient-2: #ff9800;
}