:root {
    --pioneer-orange: #F26722;
    --pioneer-orange-alt: #BC460B;
    --pioneer-orange-lighter: #F47E43;
    --pioneer-orange-darker: #C64A0C;

    --navy: #002B5C;
    --navy-lighter: #264B74;

    --light-blue: #D5E3FA;

    --light-gray: #E3E3E3;
    --mid-gray: #717073;
    --dark-gray: #585956;

    --light-background: #EEEEEE;
    --dark-background: #4B4A4C;

    --black: #0A0A0A;
    --white: #FFFFFF;
}

/* background colors - start */
.d-bg-pioneer-orange {
    background-color: var(--pioneer-orange);
    color: var(--white);
}

.d-bg-pioneer-orange-alt {
    background-color: var(--pioneer-orange-alt);
    color: var(--white);
}

.d-bg-navy {
    background-color: var(--navy);
    color: var(--white);
}

.d-bg-light-blue {
    background-color: var(--light-blue);
}

.d-bg-light-gray {
    background-color: var(--light-gray);
}

.d-bg-mid-gray {
    background-color: var(--mid-gray);
}

.d-bg-dark-gray {
    background-color: var(--dark-gray);
    color: var(--white);
}

.d-bg-light-background {
    background-color: var(--light-background);
}

.d-bg-dark-background {
    background-color: var(--dark-background);
}

.d-bg-black {
    background-color: var(--black);
    color: var(--white);
}

.d-bg-white {
    background-color: var(--white);
}

/* background colors - end */



/* text colors - start */
.d-text-primary {
    color: var(--pioneer-orange) !important;
}

.d-text-primary-alt {
    color: var(--pioneer-orange-alt) !important;
}

.d-text-secondary {
    color: var(--navy) !important;
}

.d-text-light-blue {
    color: var(--light-blue);
}

.d-text-light-gray {
    color: var(--light-gray) !important;
}

.d-text-mid-gray {
    color: var(--mid-gray) !important;
}

.d-text-dark-gray {
    color: var(--dark-gray) !important;
}

.d-text-black {
    color: var(--black) !important;
}

.d-text-white {
    color: var(--white) !important;
}


/* text colors - end */