:root {

    --red: #ED4245;
    --blue: #5865F2;
    --green: #3BA55D;

    --background_darkest: #202225;
    --background_dark: #292B2F;
    --background_normal: #2F3136;
    --background_light: #36393F;

    --background_darkest_hover: #202225;
    --background_dark_hover: #292B2F;
    --background_normal_hover: #3C3F45;
    --background_light_hover: #42464D;

    --text_darkest: #64686F;
    --text_dark: #8C9095;
    --text_normal: #A0BBBE;
    --text_light: #E4FFFF;

    --spacer_dark: var(--background_darkest);
    --spacer_normal: var(--background_normal);
    --spacer_light: #42454A;

    --button: var(--blue);

    --selected: var(--green);

    --checked: var(--green);
    --unchecked: #72767D;

}