:root {
    --body-bg: #fff;
    --font-family: 'Roboto', sans-serif;
    --login-form-border: transparent;
    --login-form-bg: #fff;
    --login-label-color: rgb(192,66,7);
    --login-message-color: #fff);
    --login-message-bg-color: rgb(192,66,7);
    --bottom-links-color: rgb(192,66,7);
    --form-field-border-color: rgb(51,51,51);
    --button-text-color: #fff;
    --button-background-color: rgb(192,66,7);
    --button-hover-text-color: #fff;
    --button-hover-background-color: rgb(51,51,51);
}

body {
    background: var(--body-bg);
    font-family: var(--font-family);
    color: #000;
}

body.login div#login {
    width: 450px;
}

body.login div#login form#loginform {
    border-color: var(--login-form-border);
    box-shadow: none;
    background-color: var(--login-form-bg);
}

.login label {
    color: var(--login-label-color);
}

.login #backtoblog a, .login #nav a {
    color: var(--bottom-links-color) !important;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: var(--form-field-border-color);
}

.wp-core-ui .button-primary {
    background: var(--button-background-color);
    color: var(--button-text-color);
    border: none;
    font-size: 1rem;
    font-family: var(--font-family);
    text-transform: none;
    font-weight: 700;
    padding: .5rem 2rem !important;
    min-height: 20px;
    line-height: normal !important;
    border-radius: 9px;
    transition: all 300ms ease-out;
}

.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
    background-color: var(--button-hover-background-color);
    color: var(--button-hover-text-color);
    padding: .5rem 2rem !important;
    border: none;
}

.login #login_error, .login .message, .login .success {
    color: var(--login-message-color);
    box-shadow: none;
    border-left: none;
    background: var(--login-message-bg-color);
    border: none;
}