body {
    color: var(--text-on-light);
}

body input[type='checkbox'] + label {
    color: var(--text-on-light);
}

.logoImg {
    background-image: var(--logo-url);
}

.wlHeader {
    background-color: var(--header-color);
}

.wlLoginBtn {
    background-color: var(--button-color);
    border: none;
    color: var(--text-on-button);
}

.wlLoginBtn:hover {
    background-color: var(--loginButtonHoverColor);
}

.loginForgotLink {
    color: #525252;
}

.wlTitle {
    color: var(--button-color);
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--text-on-light);
}

.textField {
    -webkit-box-shadow: 0 0 0 50px #fafafa inset;
    -moz-box-shadow: 0 0 0 50px #fafafa inset;
    box-shadow: 0 0 0 50px #fafafa inset;
}

.textField:focus {
    outline: 0;
    box-shadow: 0 0 0 1px var(--button-color), 0 0 0 50px #fafafa inset;
}

a:focus,
input[type='submit']:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1px var(--button-color);
    -moz-box-shadow: 0 0 0 1px var(--button-color);
    box-shadow: 0 0 0 1px var(--button-color);
}