:root {
    /* grey*/
    --body-color: #f5f5f5;
    --header-color: #585858;
    --row-color: lightgrey;
    --row-color-light: #E8E8E8;
    --thead-color: grey;

    /*green*/
    --manage-btn: forestgreen;
    --green-btn: limegreen;
    --success-text: #270;
    --success-background: #DFF2BF;
    --manage-btn-hover: #006600;
    --green-btn: #28A745;
    --green-btn-hover: green;

    /*orange/rose*/
    --oppose-btn : lightsalmon;
    --oppose-btn-border: darksalmon;
    --no-result: lightpink;

    /*blue*/
    --login-container: #54607e;
    --title: #154c79;
    --btn-secondary: #1155cc;
    --btn-primary: #288cfb;
    --blue-text: royalblue;
    --blue-hover: #003399;

    /*red*/
    --login-btn: #fd4659;
    --users-title: darkred;
    --error-text:  #D8000C;
    --error-background: #FFBABA;
}