:root {
    /* Orange */
    --accent: #F26822;
    /* Dark Orange */
    --accent-dark: #e55b00;
    /* Midnight Blue */
    --main: #003D8F;
    /* Dark Blue */
    --main-dark: #001B41;

    /* Light Blue for Backgrounds */
    --bg-light: #F3F6FB;

    --success: #5F8D4E;
    --success-dark: #285430;

    /* BLACK/GRAY FONT COLORS */
    --dark: #222;
    --neutral: #333;
    --gray: #666;

    /* CLASSES FOR EASY ACCESS TO COLORS */
    .text-accent {
        color: var(--accent);
    }

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

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

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

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

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

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


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

    .bg-main-dark {
        background-color: var(--main-dark) !important;
    }

    .bg-accent {
        background-color: var(--accent) !important;
    }

    .bg-accent-dark {
        background-color: var(--accent-dark) !important;
    }

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