:root {
    --col-background: #EEEEEE;
    --col-foreground: #212529;

    --col-header-bg: #FFFFFF;

    --col-card-header: rgba(0,0,0,.03);
    --col-card-background: #FFF;

    --col-yellow-full: #f7b924;

    /* excused */
    --col-orange-darker: #ff4f20;
    --col-orange-full: #ff9f40;
    --col-orange-mid: #FFAE5E;
    --col-orange-light: #ffecd9;

    /* unset */
    --col-green-full: #4bc0c0;
    --col-green-light: #dbf3f3;

    --col-gray-light: #ababab;
    --col-gray-full: #bcbcbc;

    /* unexcused */
    --col-red-dark: #ff4363;
    --col-red-full: #ff6383;
    --col-red-light: #ffe0e6;
    --col-red-light2: #ffc0c6;

    /* attending */
    --col-blue-full: #009bff;
    --col-blue-mid:  #5cbfff;
    --col-blue-light: #cdecff;


    --col-green2-full: #4bc090;
    --col-green2-light: #3ba060;
    --col-green2-back: #4ba090;
    --col-green2-mid: #4bc090;

    --col-tootltip-background: #444820;
    --col-tootltip-foreground: #EEEEEE;
}