/*
 * Login-Seite.
 *
 * Die Farben spiegeln die Palette aus theme.json. Sie sind hier als feste
 * Hex-Werte hinterlegt, weil WordPress auf wp-login.php keine
 * --wp--preset--*-Variablen ausgibt. Werden die Werte in theme.json geändert,
 * müssen sie hier mitgeführt werden.
 *
 * --dsvk-login-logo wird in functions.php per wp_add_inline_style gesetzt.
 */

:root {
	--primary-color: #FF6200;
	--secondary-color: #00D251;

	--gray-1: #F2F0EA;
	--gray-2: #BDBBB6;
	--gray-3: #888683;
	--gray-4: #53514F;
	--gray-5: #1E1C1C;
}

body.login {
	background-color: var(--gray-1);
}

#login h1 a,
.login h1 a {
	width: 100%;
	height: 150px;
	background-image: var(--dsvk-login-logo);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 0;
}

body.login div#login form#loginform {
	background-color: #fff;
	border: none;
	border-radius: 3px;
}

body.login div#login form#loginform input {
	border-radius: 3px;
	border-color: var(--gray-2);
	background-color: var(--gray-1);
	outline: none;
}

body.login div#login form#loginform input:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 1px var(--primary-color);
}

body.login div#login form#loginform p.submit input#wp-submit {
	background: var(--primary-color);
	border: none;
	color: #fff;
	border-radius: 3px;
}

body.login div#login p#nav a,
body.login div#login p#backtoblog a {
	color: var(--gray-4);
}

body.login div#login p#nav a:hover,
body.login div#login p#backtoblog a:hover {
	color: var(--primary-color);
}

body.login div.language-switcher input[type="submit"] {
	background: var(--gray-3);
	border: none;
	color: #fff;
	border-radius: 3px;
}

/* Fokus nur für Maus-Interaktion entfernen — Tastaturnutzer brauchen ihn. */
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
	outline: none;
}