:root {
    --very-light-color: #f5eeff;
    --light-color: #d6b9fe;
    --medium-light-color: #bf91fe;
    --medium-color: #ae73fe;
    --medium-dark-color: #8f3efe;
    --dark-color: #42019c;
    --grayed-light-color: #cdb5ee;
    --grayed-medium-color: #a077d8;
    --grayed-dark-color: #7649b3;
    --light-hover-color: white;
    --transparent-dark-color: rgba(66, 1, 156, .3);
    --skip-color: #9a10a1;
    --student-class: #880e8e;
    --highlight: rgba(136,14,142,.40);
    --pending-highlight: rgba(154,16,161,.2);
    --preview-highlight: rgba(154,16,161,.1);

    --error-color: white;
    --error-background: #a30029;
    --info-color: #669999;
    --warning-background: #fcf8e3;
    --warning-color: #8a6d3b;
    --warning-border: #faebcc;
    --alert-background: #fddf90;
    --alert-color: #7B6135;
    --dark-gray: #868686;
    --light-gray: #cccccc;
    --faint-gray: #f9f9f9;
    --transparent-light-gray: rgba(204, 204, 204, .75);
    --very-light-gray: #eeeeee;
    --almost-black: #212121;
    --almost-white: #fbffff;
}