/*
 * UWC Admin Brand - Anmeldeseite (wp-login.php), nur Optik.
 * Plan UNT-1216 Abschnitt 2.3 (Detailspezifikation aus UX-Abstimmung UNT-1218).
 * Tokens werden hier erneut definiert, da wp-login.php admin.css nicht laedt.
 */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
}

:root {
	--color-bg-page: #F9FAFB;
	--color-bg-surface: #FFFFFF;
	--color-text-primary: #111827;
	--color-text-secondary: #4B5563;
	--color-border: #E5E7EB;
	--color-accent: #007AFF;
	--color-accent-strong: #0066DD;
	--color-accent-hover: #0052CC;
	--radius-md: 8px;
	--radius-lg: 12px;
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
	--shadow-focus: 0 0 0 3px rgba(0, 122, 255, 0.35);
	--space-3: 12px;
	--space-4: 16px;
	--space-8: 32px;
	--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body.login {
	background: var(--color-bg-page);
	font-family: var(--font-sans);
	color: var(--color-text-primary);
}

/* Logo: UWC-Wortmarke als SVG, scharf, lokal, nicht verzerren. */
.login h1 a {
	background-image: url("../img/uwc-logo.svg");
	background-size: contain;
	background-position: center;
	width: 200px;
	height: 48px;
	max-height: 48px;
	margin-bottom: var(--space-8);
}

/* Formular-Box als Card. */
.login form {
	background: var(--color-bg-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	padding: var(--space-8);
}

/* Labels sichtbar (kein Placeholder-only) - WP zeigt sie ohnehin, hier nur Typo. */
.login label {
	color: var(--color-text-primary);
	font-size: 14px;
}

/* Inputs full-width, abgerundet, UWC-Fokus. */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	border-radius: var(--radius-md);
	border-color: var(--color-border);
	background: var(--color-bg-surface);
	color: var(--color-text-primary);
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var(--color-accent-strong);
	box-shadow: var(--shadow-focus);
}

/* Primaer-Button "Anmelden" full-width in #0066DD (AA 5.32:1). */
.login .button-primary,
.wp-core-ui.login .button-primary {
	width: 100%;
	border-radius: var(--radius-md);
	background: var(--color-accent-strong);
	border-color: var(--color-accent-strong);
	color: #FFFFFF;
	text-shadow: none;
	float: none;
}

.login .button-primary:hover,
.login .button-primary:active {
	background: var(--color-accent-hover);
	border-color: var(--color-accent-hover);
	color: #FFFFFF;
}

/* Links ("Passwort vergessen?", "Angemeldet bleiben") in #0066DD, Fokus sichtbar. */
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-link {
	color: var(--color-accent-strong);
}

.login #nav a:focus,
.login #backtoblog a:focus,
.login .privacy-policy-link:focus,
.login input:focus,
.login .button-primary:focus {
	box-shadow: var(--shadow-focus);
	/* Solider Browser-/WP-Outline bleibt erhalten. */
}

@media (prefers-reduced-motion: reduce) {
	body.login * {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}