:root {
    --university-blue: #003087;
    --rythym-blue: #1F3A60;
    --true-blue: #3569A7;
    --sprit-blue: #00ADE6;
    --sprit-blue-alt: #007EA8;

    --light-gray: #EEEEEE;
    --mid-gray: #E3E3E3;
    --dark-gray: #5b5b5b;
    --new-gray: #C2C9CA;
    --university-gray: #898D8D;

    --dark-text: #242424;
    --black: #001219;
    --white: #FFFFFF;
}



/* background colors - start */
.d-bg-university-blue {
    background-color: var(--university-blue);
}

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

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

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



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

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

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

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



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

.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-university-blue {
    color: var(--university-blue);
}

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

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

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



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

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

.d-text-new-gray {
    color: var(--new-gray);
}

.d-text-university-gray {
    color: var(--university-gray);
}



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

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

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


/* text colors - end */