:root{
    /** general colors **/

    --turquoise: #40D4B1;
    --turquoise-dark: #29B896;

    --blue: #3F87F5;
    --blue-dark: #0F69F2;

    --red: #dc3545;
    --red-dark: #c82333;

    --grey-light: #F8F9FA;
    --grey: #E0E3E5;
    --grey-med-dark: #C9CCCE;
    --grey-dark: #B3B5BA;
    --grey-darker: #5B5D63;
    --grey-darkest: #373A42;

    --coal: #222932;

    --white: #ffffff;
    --dark-white: #f1f1f1;

    --black: #0E131A;

    --orange: #ffa500;
    --orange-dark: #e69500;

    --green: #16CB7B;
    --green-dark: #119D5F;

    --red: #CB164E;
    --red-dark: #9D113C;

    --primary: #2196f3;

}