:root {
    --btnColor: #584b36 !important;
    --background: #D7C9B7;
    --padding-Left-Right: 50px;
    --login-color: #252525 !important;
    --login-header: #dfdfdf !important;

    --input-color: #292929 !important;
    --blur: 6px !important;
}


.login-header {
    background-color: white !important;
    color: var(--login-color) !important;
    /* border: 2px solid var(--btnColor); */
}

.login-header h4 {
    font-weight: 300 !important;
    font-size: 2rem;

}

.login-container {
    font-family: "Geist" !important;
    font-weight: 300 !important;
background-color: #dfdfdf;
    padding-top: 150px !important;
    padding-bottom: 75px !important;
}

.login-form {
    background-color: var(--login-color) !important;
    color: white !important;
    padding: 50px 30px !important;
}

.login-input input,[type=checked]:checked {
    border: 1px solid var(--btnColor) !important;
    background-color: var(--input-color) !important;
    color: white !important;
}

.login-header a{
    color: var(--login-color) !important;
}
.login-header a:hover{
    color: var(--btnColor) !important;
}


.login-input input:focus,
:focus-visible {
    color: white;
    outline: #584b36 !important;
    border: 1px solid var(--btnColor) !important;
    box-shadow: 0 0 5px var(--btnColor) !important;
    background-color: var(--input-color);
}