:root {
    --color-white: #ffffff;
    --color-yellow: #FFEFD2;
    --color-accent: #FEF9EC;
    --color-black: #1C1B1F;
    --color-dark-gray: #606060;
    --color-gray: #8F96A3;
    --color-light-gray: #D9D9D9;
    --color-background: #F5F5F5;
}

p,
h1,
h2,
h3,
h4,
a {
    font-family: 'Open Sans';
}

body.login {
    background-color: #F5F5F5;
}
body.login div#login h1 a {
    background-size: 320px 90px;
}
body.login div#login form#loginform {
    border-radius: var(--radius-maximum);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
body.login div#login form#loginform input#user_login,
body.login div#login form#loginform input#user_pass {
    border-radius: var(--radius-minimum);
    border: 1px solid #1C1B1F;
}
input[type=text]:active {
    border: 1px solid red;
}
input[type=checkbox]:checked::before svg path {
    fill: red;
}
body.login div#login form#loginform p.forgetmenot input#rememberme {
    border-radius: var(--radius-minimum);
    border: 1px solid #1C1B1F;
}
body.login div#login form#loginform p.submit {
    width: 100%;
}
body.login div#login form#loginform p.submit input#wp-submit {
    width: 100%;
    margin-top: 30px;
    background-color: #1C1B1F;
    border: 1px solid #1C1B1F;
    border-radius: var(--radius-minimum);
    font-size: 24px;
}
.dashicons-visibility:before {
    color: #1C1B1F;
}