/* ==================================================
   VARIABLES
   ================================================== */
/* :root {
    --primary-black: #0f1115;
    --accent-yellow: #F5E64F;
    --bg-white: #f4f5f7;
    --bg-light: #fafafa;
    --text-gray: #555555;
    --transition-smooth: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
} */

:root {
    --primary-black: #0f1115;
    --accent-yellow: #4F94D2;
    --bg-white: #f4f5f7;
    --bg-light: #fafafa;
    --text-gray: #555555;
    --transition-smooth: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ==================================================
   SECTION-SPECIFIC COLORS
   Use these variables to change the background colors
   of specific sections independently.
   ================================================== */
:root {
    /* Hero Section (Black) */
    --hero-bg: var(--primary-black);
    --hero-text: #ffffff;

    /* Trusted Partner Section (White) */
    --trusted-bg: var(--bg-white);
    --trusted-text: var(--primary-black);

    /* Services Section (Light Gray) */
    --services-bg: #f4f5f7;
    --services-text: var(--primary-black);

    /* Stats Section (White) */
    --stats-bg: var(--bg-white);
    --stats-text: var(--primary-black);

    /* Why Choose Us Section (Light Gray) */
    --why-choose-bg: #f4f5f7;
    --why-choose-text: #4F94D2;

    /* Testimonials Section (Black) */
    --testimonials-bg: var(--primary-black);
    --testimonials-text: #ffffff;

    /* Pricing Section (Yellow) */
    --pricing-bg: var(--accent-yellow);
    --pricing-text: var(--primary-black);

    /* Blog Section (White) */
    --blog-bg: var(--bg-white);
    --blog-text: var(--primary-black);

    /* Pre-Footer Section (Black) */
    --pre-footer-bg: var(--primary-black);
    --pre-footer-text: #ffffff;

    /* Footer Section (Black) */
    --footer-bg: var(--primary-black);
    --footer-text: #ffffff;
}