body {
    margin: 0;

    min-height: 100%;
    min-width: 100%;
}

.theme-dark {
    --bg-primary: #3B7097;
    --bg-light: #34607A;
    --bg-dark: #254D61;

    --fg-primary: #FFFFFF;
    --fg-secondary: #536841;

    --btn-on: #5D815C;
    --btn-off: #F6E2BC;

    --cmp-light: #C4C4C4;
    --cmp-dark: #7C7C7C;
}

.theme-light {
    --bg-primary: #CAE4F6;
    --bg-light: #B2CEDF;
    --bg-dark: #7292AF;

    --fg-primary: #536841;
    --fg-secondary: #FFFFFF;

    --btn-on: #A3BDA2;
    --btn-off: #FFFFFF;

    --cmp-light: #FFFFFF;
    --cmp-dark: #AAAAAA;
}