/*
 * Theme colours
 */

:root {
    --color-dark: #112033;
    --color-dark-lighter: #575757;
    --color-light: #f7f7f7;
    --color-blue: #4584cc;
    --color-green: #24ab7b;
    --color-pink: #d37491;
    --color-yellow: #fccb05;

    --color-grey: #aaaaaa;
    --color-white: #ffffff;
    --color-light-blue: #c7d6ed;
    --color-red: #de3131;
}


/*
 * Useful for debugging, making a div coloured
 */
.color-grey {
    background-color: #d8d8d8;
}
.color-green {
    background-color: #abd8b1;
}
.color-purple {
    background-color: #bfa8d4;
}
.color-pink {
    background-color: #edb2d2;
}
.color-yellow {
    background-color: #fccb05;
}