/* login.css — Login form layout and field styles */

.login {
    width: 300px;
    margin: 100px auto 0;
}

.login label {
    display: block;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--color-text-soft);
    font-size: var(--font-size-sm);
}

.login input {
    width: 100%;
    padding: 10px;
    margin: 0 0 15px;
    box-sizing: border-box;
    border: 1px solid var(--color-text-verysoft);
    border-radius: var(--border-radius-small);
    font-size: var(--font-size-base);
    background: var(--color-background-boxes);
    color: var(--color-text-base);
}

.login button {
    margin-top: 1em;
    width: 100%;
}

.login .error {
    margin-bottom: 1em;
}