:root
{
    --bg-colour-dark: #303030;
    --bg-colour-lighter-dark: #404040;
    --bg-colour-darker-dark: #202020;
    --bg-colour-very-light-dark: #7e7e7e;
    --neutral-colour-dark: #606060;
    --good-colour-dark: #56c456;
    --medium-colour-dark: #dacc37;
    --bad-colour-dark: #d63535;
    --text-colour-dark: whitesmoke;
    --text-colour-disabled-dark: #d0d0d0;
    --deep-bad-colour-dark: #4e1b1b;


    --bg-colour: var(--bg-colour-dark);
    --bg-colour-lighter: var(--bg-colour-lighter-dark);
    --bg-colour-darker: var(--bg-colour-darker-dark);
    --bg-colour-very-light: var(--bg-colour-very-light-dark);
    --neutral-colour: var(--neutral-colour-dark);
    --good-colour: var(--good-colour-dark);
    --medium-colour: var(--medium-colour-dark);
    --bad-colour: var(--bad-colour-dark);
    --text-colour: var(--text-colour-dark);
    --text-colour-disabled: var(--text-colour-disabled-dark);
    --deep-bad-colour: var(--deep-bad-colour-dark);

    --darken: #00000030;
    --heavy-darken: #00000060;
    --lighten: #ffffff30;
    --heavy-lighten: #ffffff60;
    --transparent: #00000000
}

*
{
    margin: 0;
    font-family: monospace;
    box-sizing: border-box;
}