:root {
    --dark-blue: #001749;
    --nsu-blue: #003893;
    --mid-blue: #0070CD;
    --light-blue: #E4F1FA;

    --light-hibiscus-orange: #FDF8ED;
    --mid-hibiscus-orange: #BB5235;
    --dark-hibiscus-orange: #A7492F;

    --light-palm-green: #F7F8EB;
    --mid-palm-green: #737C33;
    --dark-palm-green: #656D2C;

    --light-florida-skies: #ECFBFE;
    --mid-florida-skies: #00818F;
    --dark-florida-skies: #04707B;

    --text-gray: #202121;
    --main-gray: #7C858C;
    --light-gray: #EBEBEB;

    --white: #FFFFFF;
    --black: #000000;

    --icon-color: #8B8E92;
    --border-color: #707070;
    --extra-gray: #F0F0F0;
    --extra-gray-2: #6e767c;
}

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

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

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

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

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

.mid-hibiscus-orange-bg {
    background-color: var(--mid-hibiscus-orange);
}

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

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

.mid-palm-green-bg {
    background-color: var(--mid-palm-green);
}

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

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

.mid-florida-skies-bg {
    background-color: var(--mid-florida-skies);
}

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

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

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

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

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



/* text colors */
.dark-blue-text {
    color: var(--dark-blue);
}

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

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

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

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

.mid-hibiscus-orange-text {
    color: var(--mid-hibiscus-orange);
}

.light-hibiscus-orange-text {
    color: var(--light-hibiscus-orange);
}

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

.mid-palm-green-text {
    color: var(--mid-palm-green);
}

.light-palm-green-text {
    color: var(--light-palm-green);
}

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

.mid-florida-skies-text {
    color: var(--mid-florida-skies);
}

.light-florida-skies-text {
    color: var(--light-florida-skies);
}

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

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

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

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