.brand_login {
    width: 200px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 1rem auto;
}

.light_login{
    background-image: url(/static/core/img/Saldofy_light.png);
}

.dark_login{
    background-image: url(/static/core/img/Saldofy_dark.png);
}

header.dark, footer.dark {
    background-color: var(--bs-dark);
    color: var(--bs-light);
}

header.light, footer.light {
    background-color: var(--bs-light);
    color: var(--bs-dark);
}

.login-box {
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .login-box {
    background-color: #1e1e1e;
    color: #f0f0f0;
}