:root {
	--ead-ink: #0d0e12;
	--ead-panel: #15171d;
	--ead-line: #333847;
	--ead-text: #f3f5f7;
	--ead-muted: #9ca4b5;
	--ead-accent: #ff5d3d;
}

body.login {
	background-color: var(--ead-ink);
	background-image: linear-gradient(rgba(139,124,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(139,124,255,.08) 1px, transparent 1px);
	background-size: 32px 32px;
	color: var(--ead-text);
	font-family: "Space Grotesk", system-ui, sans-serif;
}

body.login::before {
	color: var(--ead-accent);
	content: "SYSTEM // AUTHENTICATION // EAD";
	font: 700 10px/1 "IBM Plex Mono", monospace;
	left: 24px;
	letter-spacing: .08em;
	position: fixed;
	top: 22px;
}

#login { padding-top: 7vh; width: min(440px, calc(100% - 32px)); }
#login h1 a {
	background: var(--ead-accent);
	border-radius: 14px;
	color: transparent;
	display: grid;
	font-size: 0;
	height: 70px;
	margin-bottom: 14px;
	place-items: center;
	text-indent: 0;
	width: 70px;
}
#login h1 a::before { color: #fff; content: "EAD"; font: 700 18px/1 "IBM Plex Mono", monospace; }
.login form {
	background: var(--ead-panel);
	border: 1px solid var(--ead-line);
	box-shadow: none;
	padding: 30px;
}
.login label { color: #c7ccd6; font: 600 11px/1.5 "IBM Plex Mono", monospace; }
.login form .input,
.login input[type="text"] {
	background: #0a0b0e;
	border: 1px solid var(--ead-line);
	border-radius: 4px;
	box-shadow: none;
	color: var(--ead-text);
	font-family: "IBM Plex Mono", monospace;
}
.login form .input:focus,
.login input[type="text"]:focus { border-color: #8b7cff; box-shadow: 0 0 0 1px #8b7cff; }
.wp-core-ui .button-primary {
	background: var(--ead-accent);
	border: 0;
	border-radius: 5px;
	font: 700 11px/2.8 "IBM Plex Mono", monospace;
}
.wp-core-ui .button-primary:hover { background: #ff755b; }
.login #backtoblog a,
.login #nav a,
.login .privacy-policy-page-link a { color: var(--ead-muted); }
.login #login_error,
.login .message,
.login .success { background: var(--ead-panel); border-left-color: var(--ead-accent); color: var(--ead-text); }
.login .language-switcher { display: none; }