:root {
    --color-white: #FFFFFF;
    --color-yellow: #FFF8E7;

    --color-primary: #7F3675;
    --color-danger: #D0327C;
    --color-success: #47c68d;
    --color-highlight: #ffdc88;
}

html, body {
    font-size: 20px;
    background-color: var(--color-white);
}

a {
    font-size: 1rem;
    color: var(--color-primary);
}

/* Box */
.login #login {
    width: unset;
    max-width: 600px;
    padding-left: 1em;
    padding-right: 1em;
}

/* Logo */
.login #login h1 a {
    background-image: url('dist/images/logo-djht-wordpress-login.png');
    background-size: contain;
}

/* Login form */
.login #login label {
    font-size: 1rem;
}

.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
    font-size: 1rem;
    font-weight: 700;
    border-radius: unset;
    border: unset;
    color: var(--color-white);
    background-color: var(--color-primary);
    min-width: 8em;
}

.wp-core-ui .button:hover, .wp-core-ui .button-primary:hover, .wp-core-ui .button-secondary:hover,
.wp-core-ui .button:active, .wp-core-ui .button-primary:active, .wp-core-ui .button-secondary:active,
.wp-core-ui .button:focus, .wp-core-ui .button-primary:focus, .wp-core-ui .button-secondary:focus {
    color: var(--color-primary);
    background-color: var(--color-highlight);
}

.login form .input, .login input[type=password], .login input[type=text] {
    font-size: 1rem;
    line-height: 2;
    overflow: hidden;
}

.login .button.wp-hide-pw {
    background-color: transparent !important;
}

.login .indicator-hint {
    font-size: 0.75rem;
}

/* Links */
.login #backtoblog, .login #nav {
    padding: 0;
}

.login #nav .wp-login-register, .login #nav .wp-login-log-in {
    display: none;
}

/* Language select */
.login .language-switcher {
    display: none;
}

/* System messages */
.login .message, .login .notice, .login .success {
    border: unset;
    box-shadow: unset;
}
.login .message a, .login .notice a, .login .success a {
    color: currentColor;
}

.login .message {
    background-color: transparent;
    color: inherti;
    padding: 0;
}

.login .success {
    background-color:var(--color-success);
    color: var(--color-white);
}

.login .notice-error {
    background-color: var(--color-danger);
    color: var(--color-white);
}