/* =====================================================================
 * NOVELEDGE Resilience Radar — Anmeldeseite in den Markenfarben
 * #S-195 (5.309.0)
 *
 * Gemessen am 09.09.2026 auf wp-login.php: NEUN Elemente unter dem
 * WCAG-AA-Mindestkontrast von 4,5:1, davon vier bei 1,03:1 —
 * rgb(60,67,74) auf rgb(64,64,64). „Anmelden", „Sprache",
 * „Zu NOVELEDGE" und die Kopfzeile waren damit praktisch unsichtbar.
 *
 * Weiter gemessen:
 *   „Registrieren"          weiss auf Beige      2,07:1
 *   „Datenschutzerklärung"  #2145E6 auf dunkel   1,51:1
 *   „Email Magic Link"      weiss auf #0083E3    3,92:1
 *
 * Dazu drei verschiedene Blautoene, von denen KEINER das Markenblau
 * #0019FC ist: #0083E3 (Knopf) und #2145E6 (Verweise) stammen aus dem
 * Anmelde-Zusatz von iThemes Security Pro.
 *
 * Diese Datei aendert ausschliesslich Farben und Kontraste. Sie greift
 * nicht in die Anmeldelogik ein und setzt keine Schrift- oder
 * Positionsangaben, damit kuenftige Aktualisierungen des Zusatzes
 * weiterhin bestimmen, WIE die Seite aufgebaut ist.
 * ===================================================================== */

:root {
	--nvlrr-marke:        #0019FC;
	/* Die Anmeldeseite hat einen HELLEREN dunklen Grund als der Radar:
	   rgb(64,64,64) statt rgb(35,37,39). Dieselbe Aufhellung #8aa4ff, die im
	   Radar 6,47:1 erreicht, kommt hier nur auf 4,36:1 — knapp unter AA.
	   Der Prüfstand hat das gefunden; deshalb eine Stufe heller. */
	--nvlrr-marke-hell:   #9fb4ff;  /* 5,16:1 auf rgb(64,64,64) */
	--nvlrr-beige:        #C7B08A;
	--nvlrr-beige-tief:   #4a3c26;  /* Schrift auf Beige: 6,9:1 statt 2,07:1 */
	--nvlrr-hell:         #eef1f2;
}

/* --- Text auf dem dunklen Seitengrund: war 1,03:1 --------------------- */
body.login,
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a,
body.login p,
body.login label,
body.login h1 a {
	color: var(--nvlrr-hell) !important;   /* 11,6:1 auf rgb(64,64,64) */
}

/* Verweise auf dunklem Grund in der aufgehellten Markenfarbe. */
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a {
	color: var(--nvlrr-marke-hell) !important;
	text-decoration-thickness: 1px;
}

/* --- „Registrieren": weiss auf Beige war 2,07:1 ----------------------- */
body.login .button.button-secondary,
body.login a.button,
body.login .nvlrr-register,
body.login #reg_passmail,
body.login .register a {
	background: var(--nvlrr-beige) !important;
	color: var(--nvlrr-beige-tief) !important;
	border-color: #a8906a !important;
	font-weight: 600;
}

/* --- Der Anmeldeknopf traegt das Markenblau -------------------------- */
body.login .button-primary,
body.login #wp-submit,
body.login .itsec-passwordless-login-form input[type="submit"],
body.login .itsec-passwordless-login-form button {
	background: var(--nvlrr-marke) !important;
	border-color: var(--nvlrr-marke) !important;
	color: #ffffff !important;          /* 8,25:1 */
	text-shadow: none !important;
	box-shadow: none !important;
}
body.login .button-primary:hover,
body.login #wp-submit:hover,
body.login .itsec-passwordless-login-form input[type="submit"]:hover {
	background: #0014c9 !important;
	border-color: #0014c9 !important;
}

/* --- Verweise IM hellen Anmeldekasten (weisser Grund) ---------------- */
body.login form a,
body.login .itsec-passwordless-login-form a,
body.login #login form a {
	color: var(--nvlrr-marke) !important; /* 8,25:1 auf Weiss */
}

/* „Or" war 4,48:1 – knapp darunter. */
body.login .itsec-passwordless-login-divider,
body.login .itsec-passwordless-login-form .or {
	color: #5b5b5b !important;            /* 7,0:1 */
}

/* --- Sichtbarer Fokus fuer die Tastaturbedienung --------------------- */
body.login a:focus-visible,
body.login input:focus-visible,
body.login button:focus-visible {
	outline: 2px solid var(--nvlrr-marke-hell) !important;
	outline-offset: 2px;
	box-shadow: none !important;
}