/* :root {
    --heading-color: #182f25;
    --body-color: #585b6f;
    --accent-color: #4fc7f9;
    --white-color: #ffffff;
    --light-color1: #e3e3ec;
    --light-color2: #ced0df;
    --dark-bg: #040d43;
    --dark-bg2: #1e2656;
    --dark-bg3: #0a165e;
    --white-bg: #ffffff;
    --accent-bg: #2b4dff;
    --light-bg1: #f5f6f7;
    --light-bg2: #e2e3ec;
    --light-bg3: #eef1ff;
} */

:root {
    /* Typography */
    --heading-color: #0B3C6D;
    /* Brand blue */
    --body-color: #4A5568;
    --accent-color: #3BC6F4;
    /* Logo cyan */
    --white-color: #FFFFFF;

    /* Neutral UI */
    --light-color1: #DCE3EE;
    --light-color2: #C8D2E2;

    /* Dark Backgrounds (FIXED – blue, not purple) */
    --dark-bg: #061A3A;
    /* Hero / main slider */
    --dark-bg2: #082447;
    /* Secondary dark sections */
    --dark-bg3: #0B3C6D;
    /* Header / brand dark */

    /* Backgrounds */
    --white-bg: #FFFFFF;
    --accent-bg: #3BC6F4;
    /* CTA background (matches logo) */

    --light-bg1: #F4F7FB;
    --light-bg2: #E9EEF6;
    --light-bg3: #EEF3FF;

    /* OPTIONAL: Hero Gradient (RECOMMENDED) */
    --hero-gradient: linear-gradient(135deg,
            #061A3A 0%,
            #0B3C6D 60%,
            #0E5FA8 100%);
}