/* Self-hosted variable fonts (SIL Open Font License) */
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/outfit-latin-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2"); }

/* Branded wp-login.php (password reset, registration, etc.) */
body.login {
	background: #0a0a0a radial-gradient(60% 50% at 50% 0%, rgba(212, 175, 55, .14), transparent 70%);
	color: #ece8df;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
.login h1 a {
	background-size: contain;
	background-position: center;
	width: 200px;
	height: 130px;
	margin-bottom: 18px;
}
.login form {
	background: linear-gradient(180deg, #181818, #0c0c0c);
	border: 1px solid rgba(212, 175, 55, .25);
	border-radius: 18px;
	box-shadow: 0 30px 80px -30px #000, 0 0 60px -30px rgba(212, 175, 55, .35);
	padding: 28px 26px;
}
.login label { color: #d7d2c6; font-size: 14px; }
.login input[type="text"], .login input[type="email"], .login input[type="password"] {
	background: #0b0b0b; border: 1px solid rgba(255, 255, 255, .14); color: #ece8df;
	border-radius: 10px; padding: 8px 14px; font-size: 16px; box-shadow: none;
}
.login input[type="text"]:focus, .login input[type="email"]:focus, .login input[type="password"]:focus {
	border-color: #d4af37; box-shadow: 0 0 0 3px rgba(212, 175, 55, .18);
}
.login .button.wp-hide-pw { color: #d4af37; }
.login .button.wp-hide-pw:focus { border-color: #d4af37; box-shadow: none; }
.wp-core-ui .button-primary {
	background: linear-gradient(135deg, #f7e196, #d4af37 48%, #a8801f);
	border: 0; color: #0a0a0a; font-weight: 600; text-shadow: none; border-radius: 999px;
	padding: 2px 20px; box-shadow: 0 10px 24px -10px rgba(212, 175, 55, .7);
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: linear-gradient(135deg, #fbe9ae, #dcb846 48%, #b38a25); color: #000; box-shadow: 0 0 0 3px rgba(212, 175, 55, .25); }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: #9b968b; }
.login #nav a:hover, .login #backtoblog a:hover { color: #f3d98b; }
.login .message, .login .notice, .login .success, .login #login_error {
	background: #121212; color: #ece8df; border-left-color: #d4af37; box-shadow: none; border-radius: 8px;
}
.login #login_error { border-left-color: #ef6b6b; }
.login .language-switcher { display: none; }
input[type="checkbox"] { accent-color: #d4af37; }
.login input[type="checkbox"]:checked::before { filter: sepia(1) saturate(3) hue-rotate(5deg); }
