:root{
    --sf-ws: rgb(47, 70, 80);
    --sf-ws-hover: #727272;
}


/* Hintergrundbild */
body.login {
    background: var(--sf-ws-bg) no-repeat center center fixed;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

/* Logo ersetzen – nutzt --sf-ws-logo aus PHP */
.login h1 a {
    background-image: var(--sf-ws-logo-n) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 280px !important;
    height: 70px !important;
}

/* Form gestalten */
#loginform, #registerform, #lostpasswordform {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(0,0,0,.15);
    padding: 26px 24px 34px;
}

/* Primary Button */
.wp-core-ui .button-primary {
    background: var(--sf-ws) !important;
    border-color: var(--sf-ws) !important;
    box-shadow: none !important;
}
.wp-core-ui .button-primary:hover {
    background: var(--sf-ws-hover) !important;
    border-color: var(--sf-ws-hover) !important;
}

/* Links */
.login #nav a, .login #backtoblog a {
    color: var(--sf-ws) !important;
}
.login #nav a:hover, .login #backtoblog a:hover {
    color: var(--sf-ws-hover) !important;
}