/* Healthy Workforce Institute Colors */

/* Variable for all colors on webpages */
:root{
    --banner-back:#FEFEFE;          /* Color behind the banner(basically white) */
    --main-back:#FFFFFF;            /* Main background for div shapes (white) */
    --logout-back:#FF2323;          /* Logout button background (and reset buttons) (red) */
    --logout-txt:#FFFFFF;           /* Text color on logout button (white) */
    --logout-hover:#C41B1B;         /* Logout button color when hover mouse on it (darker red) */

    --return-back:#12a89d;          /* Return button color (and other continues buttons) (light blue) */
    --return-txt:#FFFFFF;           /* Text color for return button (white) */
    --return-hover:#2a9cb0;         /* Return button color when hover mouse on it (darker blue) */

    --top-bar-back:#FFFFFF;         /* Top name bar background color (white) */
    --top-bar-credit-txt:#FFFFFF;   /* Text color of the credit text (white) */
    --top-bar-credit:#05718D;       /* Color of box hehind the credit amount
                                       (also used for some other bars on the evaulate_day page)
                                       (green) */

    --background-light:#bce4d6;     /* Every page's background light color (on the left of gradient) (white) */
    --background-dark:#bce4d6;     /* Every page's backgroud dark color (on the right of gradient) (gray) */

    --main-bttn-back:#05718D;       /* Every common button on most page's background color (teal color) */
    --main-bttn-txt:#FFFFFF;        /* Every common button's text color (white) */
    --main-bttn-hover:#005b72;      /* Every common button's color when mouse hovers over it (darker teal) */

    --disabled-bttn-back:#D3D3D3;   /* Color used for all disabled buttons (Gray) Text color is same as --main-bttn */
}