/* light mode colors */
:root {
    --font-color: #EBEBD3;
    --background-color: #7699D4;
    --primary-main-color: #083D77;
    --primary-dark-color: #ca787c;
    --primary-light-color: #5183d8;
    --secondary-main-color: #FFCFB3;
    --secondary-dark-color: #eaaf8d;
    --secondary-light-color: #FFCFB3;
    --success-main-color: seagreen;
    --success-dark-color: rgb(24, 96, 55);
    --success-light-color: rgb(76, 187, 124);
    --warning-main-color: orange;
    --warning-dark-color: rgb(165, 108, 0);
    --warning-light-color: rgb(255, 185, 56);
    --danger-main-color: tomato;
    --danger-dark-color: rgb(198, 50, 24);
    --danger-light-color: rgb(255, 136, 115);
    --header-color: black;
    --banner-text-color: black;
    --text-color: black;
}