* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --clr-happy-dark: #009933;
    --clr-happy-light: #d1ffe8;

    --clr-sad-dark: #252ed5;
    --clr-sad-light: #e5ecfc;

    --clr-disappointed-dark: #ab6b0e;
    --clr-disappointed-light: #fffbd8;

    --clr-angry-dark: #851919;
    --clr-angry-light: #ffe5e5;

    --clr-empty-dark: #595959;
    --clr-empty-light: #f1f1f1;

    --clr-dead-dark: #ffffff;
    --clr-dead-light: #000000;

    --clr-sick-dark: #87ad00;
    --clr-sick-light: #edffd8;

    --clr-pissed-dark: #7853ff;
    --clr-pissed-light: #f1efff;

    --clr-current-dark: var(--clr-happy-dark);
    --clr-current-light: var(--clr-happy-light);
}