:root {
        --bg-color-level-0: #E8F0FE;
        --bg-color-level-1: #D4E2FF;
        --bg-color-level-2: #ABC6FE;
        --bg-color-card: #E8F0FE;
        --bg-color-card-highlight: #D4E2FF;
        --bg-color-input: #FFFFFF;
        --bg-color-input-disabled: #D2E3FF;
        --bg-color-nav: #ABC6FE;
        --border-color-nav: #0058FF;
        --border-color-card: #FFFFFF;
        --color-primary: #133e8f;
        --bg-color-btn-primary: #133e8f;
        --bg-color-btn-primary-hover: #113882;
        --bg-color-btn-light: #2D69E1;
        --bg-color-btn-light-hover: #205FE1;
        --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: #363642;
        --text-color-btn-secondary-hover: #272730;
        --text-color-nav: #FFFFFF;
        --border-color-btn-primary: #133e8f;
        --border-color-btn-primary-hover: #113882;
        --border-color-btn-light: #205FE1;
        --border-color-btn-light-hover: #205FE1;
        --border-color-btn-secondary: transparent;
        --border-color-btn-secondary-hover: transparent;
        --text-color-link: #133e8f;
        --border-color: #c3c3c3;
        --text-color-muted: #030915;
        --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: #133e8f;
        --gradient-middle: #133e8f;
        --gradient-end: #133e8f;
        --bg-paper: #FFFFFF;
        --logo: url(/themes/customer-logo-light.svg);
    }

    [data-theme="dark"] {
        --bg-color-level-0: #12083A;
        --bg-color-level-1: #1A0022;
        --bg-color-level-2: #0F0638;
        --bg-color-card: #090A4F;
        --bg-color-card-highlight: #12083A;
        --bg-color-input: #061971;
        --bg-color-input-disabled: #051764;
        --bg-color-nav: #081062;
        --border-color-nav: #0058FF;
        --border-color-card: transparent;
        --color-primary: #133e8f;
        --bg-color-btn-primary: #133e8f;
        --bg-color-btn-primary-hover: #113882;
        --bg-color-btn-light: #0B0C2D;
        --bg-color-btn-light-hover: #10103B;
        --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: #133e8f;
        --border-color-btn-primary-hover: #113882;
        --border-color-btn-light: #0B0C2D;
        --border-color-btn-light-hover: #10103B;
        --border-color-btn-secondary: transparent;
        --border-color-btn-secondary-hover: transparent;
        --text-color-link: #133e8f;
        --border-color: #c3c3c3;
        --text-color-muted: #DBE2EE;
        --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: #133e8f;
        --gradient-middle: #133e8f;
        --gradient-end: #133e8f;
        --bg-paper: #090A4F;
        --logo: url(/themes/customer-logo-dark.svg);
    }
[data-theme="dark"]
.menu-logo, .auth-logo{
filter: brightness(140%);
}