:root {
        --bg-color-level-0: #FFFFFF;
        --bg-color-level-1: #F8D6D6;
        --bg-color-level-2: #F5C2C2;
        --bg-color-card: #FBEAEA;
        --bg-color-card-highlight: #F8D6D6;
        --bg-color-input: #FFFFFF;
        --bg-color-input-disabled: #f6f7f9;
        --bg-color-nav: #E45D5D;
        --border-color-nav: #E14949;
        --border-color-card: #FFFFFF;
        --color-primary: #DE3535;
        --bg-color-btn-primary: #de3535;
        --bg-color-btn-primary-hover: #E14949;
        --bg-color-btn-light: #FDF4F4;
        --bg-color-btn-light-hover: #FAE0E0;
        --text-color-btn-primary: #FFFFFF;
        --text-color-btn-primary-hover: #FFFFFF;
        --text-color-btn-primarygradient: #FFFFFF;
        --text-color-btn-primarygradient-hover: #FFFFFF;
        --text-color-btn-light: #363642;
        --text-color-btn-light-hover: #363642;
        --text-color-btn-secondary: #363642;
        --text-color-btn-secondary-hover: #272730;
        --text-color-nav: #363642;
        --border-color-btn-primary: #DE3535;
        --border-color-btn-primary-hover: #E14949;
        --border-color-btn-light: #FDF4F4;
        --border-color-btn-light-hover: #FAE0E0;
        --border-color-btn-secondary: transparent;
        --border-color-btn-secondary-hover: transparent;
        --text-color-link: #6d6d6d;
        --border-color: #c3c3c3;
        --text-color-muted: #6d717d;
        --bg-warning: #ffec00;
        --bg-warning-light: #fffb8c;
        --overdue-color: #ff6e87;
        --soon-color: #768cff;
        --onschedule-color: #00ccff;
        --text-color: #363642;
        --label-color: #363642;
        --text-color-input: #363642;
        --gradient-start: #DE3535;
        --gradient-middle: #DE3535;
        --gradient-end: #DE3535;
        --bg-paper: #FFFFFF;
        --logo: url(/themes/customer-logo-light.png);
    }

    [data-theme="dark"] {
        --bg-color-level-0: #343434;
        --bg-color-level-1: #000000;
        --bg-color-level-2: #141414;
        --bg-color-card: #222222;
        --bg-color-card-highlight: #141414;
        --bg-color-input: #343434;
        --bg-color-input-disabled: #4b4b4b;
        --bg-color-nav: #621F08;
        --border-color-nav: #FF0000;
        --border-color-card: transparent;
        --color-primary: #de3535;
        --bg-color-btn-primary: #de3535;
        --bg-color-btn-primary-hover: #D72423;
        --bg-color-btn-light: #656565;
        --bg-color-btn-light-hover: #5d5d5d;
        --text-color-btn-primary: #FFFFFF;
        --text-color-btn-primary-hover: #FFFFFF;
        --text-color-btn-primarygradient: #FFFFFF;
        --text-color-btn-primarygradient-hover: #FFFFFF;
        --text-color-btn-light: #FFFFFF;
        --text-color-btn-light-hover: #FFFFFF;
        --text-color-btn-secondary: #FFFFFF;
        --text-color-btn-secondary-hover: #FFFFFF;
        --text-color-nav: #FFFFFF;
        --border-color-btn-primary: #de3535;
        --border-color-btn-primary-hover: #D72423;
        --border-color-btn-light: #656565;
        --border-color-btn-light-hover: #5d5d5d;
        --border-color-btn-secondary: transparent;
        --border-color-btn-secondary-hover: transparent;
        --text-color-link: #de3535;
        --border-color: #c3c3c3;
        --text-color-muted: #6d717d;
        --bg-warning: #9c9000;
        --bg-warning-light: #beb93d;
        --overdue-color: #ff6e87;
        --soon-color: #768cff;
        --onschedule-color: #00ccff;
        --text-color: #FFFFFF;
        --label-color: #FFFFFF;
        --text-color-input: #FFFFFF;
        --gradient-start: #de3535;
        --gradient-middle: #de3535;
        --gradient-end: #de3535;
        --bg-paper: #222222;
        --logo: url(/themes/customer-logo-dark.png);
    }
[data-theme="dark"]
.menu-logo, .auth-logo{
filter: brightness(140%);
}