:root {
    --timer-background-color: #00ff00;
    --timer-text-color: #ffffff;
}

.theme-light {
    --background-color: #f7f7f7;
    --text-color: #000000;
    --content-background-color: #ffffff;
    --content-border-color: #eaeaea;
    --input-background-color: #e2e2e2;
    --input-border-color: #ececec;
    --input-text-color: #363c49;
    --input-background-color-disabled: #ffffff;
    --button-background-color: #0084ff;
    --button-background-color-hover: #1272cc;
    --button-background-color-active: #004f99;
    --button-background-color-disabled: #4b6c8b;
    --button-text-color: #ffffff;
    --button-remove-background-color: #e92c2c;
    --button-remove-background-color-hover: #ba2323;
    --button-remove-background-color-active: #8c1a1a;
    --button-remove-background-color-disabled: #7b4b4b;
    --rules-seperator-color: #ececec;
    --active-rule-color: #00ba34;
}

.theme-dark {
    --background-color: #1c1c1c;
    --text-color: #cecece;
    --content-background-color: #111111;
    --content-border-color: #000000;
    --input-background-color: #2c2c2c;
    --input-border-color: #3a3a3a;
    --input-text-color: #cecece;
    --input-background-color-disabled: #181818;
    --button-background-color: #168fff;
    --button-background-color-hover: #45a5ff;
    --button-background-color-active: #73bcff;
    --button-background-color-disabled: #5a7995;
    --button-text-color: #ffffff;
    --button-remove-background-color: #f74141;
    --button-remove-background-color-hover: #f96767;
    --button-remove-background-color-active: #fa8d8d;
    --button-remove-background-color-disabled: #8d5f5f;
    --rules-seperator-color: #3a3a3a;
    --active-rule-color: #17cb49;
}