/* LOGIN FORM */
.login {
    background: rgb(245, 245, 245);
}

.login #header {
    background: var(--optimalscans-blue);
    justify-content: left;
}

.login #header h1 {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.login #container {
    background: rgb(255, 255, 255);
    border: 1px solid var(--light-gray);
}

.login .logo {
    position: relative;
    top: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20rem;
}

@media (prefers-color-scheme: dark) {
    .login {
        background: rgb(22, 22, 22);
    }

    .login #header {
        background: var(--optimalscans-dark-dark-blue);
    }

    .login #container {
        background: var(--primary);
        border: 1px solid var(--hairline-color);
    }

    input[type=text], input[type=password] {
        background: rgb(12, 12, 12);
    }

    .login .logo {
        filter: brightness(0) invert(1);
    }
}