:root {
     /* --- SECTION VARIABLES --- */
     --growth-navy: #0D1B2A;
     --growth-navy-grad: linear-gradient(135deg, #0D1B2A 0%, #1a2c42 100%);

     --growth-purple: #8338EC;
     --growth-purple-grad: linear-gradient(135deg, #8338EC 0%, #6819d1 100%);

     --growth-orange: #FCA311;
     --growth-white: #ffffff;
     --growth-bg: #F8F9FA;

     --growth-radius: 24px;
     --growth-shadow: 0 15px 40px rgba(13, 27, 42, 0.1);

     --pricing-navy: #0D1B2A;
     --pricing-purple: #8338EC;
     --pricing-orange: #FCA311;
     --pricing-white: #ffffff;
     --pricing-bg-light: #fcfaff;
     --pricing-radius: 20px;
     --pricing-pill: 50px;

     --pricing-shadow: 0 15px 40px rgba(13, 27, 42, 0.08);
      --navy: #0D1B2A;       
            --purple: #8338EC;     
            --orange: #FCA311;     
            --white: #ffffff;      
            --bg-grey: #F9F9FB;
             --contact-section-navy: #0D1B2A;
            --contact-section-purple: #8338EC;
            --contact-section-orange: #FCA311;
            --contact-section-white: #ffffff;
            --contact-section-bg: #fcfaff;
            --contact-section-shadow: 0 15px 40px rgba(13, 27, 42, 0.08);
            --contact-section-radius: 20px;

             --brand-gradient: linear-gradient(135deg, var(--orange), var(--purple));
            
            /* Shadows */
            --shadow-soft: 0 10px 30px rgba(13, 27, 42, 0.05);
            --shadow-hover: 0 20px 40px rgba(131, 56, 236, 0.15);
             --bg-gray: #F4F6F8;
            --red-alert: #FF4D4D;
            --green-success: #00C851;

    --re-navy: #0D1B2A;       
            --re-purple: #8338EC;     
            --re-orange: #FCA311;     
            --re-white: #ffffff;      
            --re-gray: #F4F6F8;
 }