/* blue_white_profile.css */

/* 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:#6CB33F;          /* Return button color (and other continues buttons) (green) */
    --return-txt:#FFFFFF;           /* Text color for return button (white) */
    --return-hover:#568F32;         /* Return button color when hover mouse on it (darker green) */

    --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:#6CB33F;       /* Color of box hehind the credit amount
                                       (also used for some other bars on the evaulate_day page)
                                       (green) */

    --background-light:#FFFFFF;     /* Every page's background light color (on the left of gradient) (white) */
    /*--background-dark:#036CB6;     /* Every page's backgroud dark color (on the right of gradient) (blue-teal) */
    --background-dark: #cee0ee;


    --main-bttn-back:#036CB6;       /* Every common button on most page's background color (blue color) */
    --main-bttn-txt:#FFFFFF;        /* Every common button's text color (white) */
    --main-bttn-hover:#002651;      /* Every common button's color when mouse hovers over it (darker blue) */

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