:root {


    --color-bg: #0D0F12;
    --color-card: #15181D;
    --color-text-primary: #E3E8EF;
    --color-text-secondary: #A1A6B2;
    --color-checkbox-unchecked: #3C424E;

    --color-highlight: #2FA2FF;
    --color-divider: #1F232A;
    --color-success: #00B87C;
    --color-error: #FF4D4F;
    --color-warning: #FFA900;

    --font-size-title: 20px;
    --font-size-kpi: 24px;
    --font-size-default: 14px;

    --border-radius-default: 7px;
    --border-radius-large: 15px;

    /* --sidebar-width: 280px; */
    --sidebar-width: 230px;
    --sidebar-width-collapsed: 70px;
    --sidebar-header-height: 100px;

}

.dropshadow-default {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}

.textshadow-default {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
    .login-card {
        width: 360px;
        padding: 40px;
    }
}