/*
 * Magazine Oweis — login screen skin
 * Colour schemes don't apply to wp-login.php, so the brand is restated here.
 * The logo is a self-contained inline-SVG wordmark (works offline, no image
 * file to ship). Tokens come from #mo-admin-vars printed in <head>.
 */

body.login {
	background: var(--mo-cream, #F7F0E1);
	background-image:
		radial-gradient(circle at 15% 12%, rgba(214, 161, 44, .14), transparent 42%),
		radial-gradient(circle at 85% 88%, rgba(30, 78, 140, .12), transparent 45%);
	font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Brand wordmark in place of the WordPress logo. */
.login h1 a {
	width: 280px;
	height: 84px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='84' viewBox='0 0 280 84'%3E%3Ctext x='140' y='40' text-anchor='middle' font-family='Reem Kufi, serif' font-size='34' font-weight='700' fill='%23142F52'%3E%D9%85%D8%AC%D9%84%D8%A9 %D8%A3%D9%88%D9%8A%D8%B3%3C/text%3E%3Ctext x='140' y='68' text-anchor='middle' font-family='Marcellus, serif' font-size='17' letter-spacing='3' fill='%23D6A12C'%3EMAGAZINE OWEIS%3C/text%3E%3C/svg%3E");
}

/* Login card. */
.login form {
	background: #fff;
	border: 1px solid #e6dcc4;
	border-top: 4px solid var(--mo-gold, #D6A12C);
	border-radius: 10px;
	box-shadow: 0 18px 40px -26px rgba(20, 47, 82, .55);
}
.login label { color: var(--mo-ink, #2C2616); }

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border-radius: 6px;
	border-color: #d8cdb4;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: var(--mo-blue, #1E4E8C);
	box-shadow: 0 0 0 1px var(--mo-blue, #1E4E8C);
}

/* Gold primary button, matching the rest of the admin. */
.login .button-primary,
.wp-core-ui .button-primary {
	background: var(--mo-gold, #D6A12C);
	border-color: #b8861f;
	color: var(--mo-blueDeep, #142F52);
	font-weight: 700;
	text-shadow: none;
	box-shadow: 0 1px 0 #a8791b;
	border-radius: 6px;
}
.login .button-primary:hover,
.login .button-primary:focus {
	background: #e3b03c;
	border-color: #a8791b;
	color: var(--mo-blueDeep, #142F52);
}

/* Helper links. */
.login #nav a,
.login #backtoblog a,
.login h1 a + p a { color: var(--mo-blue, #1E4E8C); }
.login #nav a:hover,
.login #backtoblog a:hover { color: var(--mo-terra, #C24A36); }

.login .message,
.login .notice { border-left-color: var(--mo-gold, #D6A12C); }
.login #login_error { border-left-color: var(--mo-terra, #C24A36); }

/* RTL nicety for Arabic installs. */
.rtl.login .login h1 a { background-position: center; }