/* AfterYouLand login branding (2026-11-01) — wp-login.php only.
   Loaded via login_enqueue_scripts from the theme's functions.php
   (delimited "Login page branding" block). First-party assets only:
   logo-login-light/dark.svg are the site's own header artwork with the
   Anton wordmark as vector paths. Type uses a clean system stack on
   purpose: the login page gains NO new third-party requests.
   Reversible: delete this file + the functions.php block. */

body.login {
	background: #FAF7F1;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #26221B;
}

/* Logo: replaces the WordPress mark above the form */
body.login .wp-login-logo a,
body.login h1 a {
	background-image: url("logo-login-light.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 240px;
	height: 44px;
	margin: 0 auto 6px;
}

/* Form card */
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
	background: #FFFFFF;
	border: 2px solid #26221B;
	border-radius: 16px;
	box-shadow: 0 14px 34px rgba(38, 34, 27, 0.10);
	padding: 26px 24px 22px;
}
body.login label {
	color: #26221B;
	font-weight: 600;
}
body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border: 1px solid rgba(38, 34, 27, 0.35);
	border-radius: 6px;
	color: #26221B;
}
body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: #BC4B26;
	box-shadow: 0 0 0 1px #BC4B26;
	outline: none;
}

/* Primary button: the sitewide standard — #ff4d00 / #111 / square */
body.login.wp-core-ui .button-primary {
	background: #FF4D00;
	border-color: #FF4D00;
	border-radius: 0;
	box-shadow: none;
	color: #111111;
	font-weight: 700;
	text-shadow: none;
}
body.login.wp-core-ui .button-primary:hover,
body.login.wp-core-ui .button-primary:focus {
	background: #E64500;
	border-color: #E64500;
	color: #111111;
	box-shadow: none;
}

/* Links under the form */
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: #BC4B26;
}
body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
	color: #9A3B1C;
	text-decoration: underline;
}

/* Notices: brand the neutral message bar (errors keep core red) */
body.login .message {
	border-left-color: #5C7263;
	color: #26221B;
}

/* Dark scheme: ink ground, paper logo, card lifts off the background */
@media (prefers-color-scheme: dark) {
	body.login {
		background: #201C15;
		color: #FAF7F1;
	}
	body.login .wp-login-logo a,
	body.login h1 a {
		background-image: url("logo-login-dark.svg");
	}
	body.login #loginform,
	body.login #registerform,
	body.login #lostpasswordform {
		background: #2A251C;
		border-color: rgba(250, 247, 241, 0.28);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
	}
	body.login label {
		color: #FAF7F1;
	}
	body.login form .input,
	body.login input[type="text"],
	body.login input[type="password"],
	body.login input[type="email"] {
		background: #1E1A13;
		border-color: rgba(250, 247, 241, 0.32);
		color: #FAF7F1;
	}
	body.login #nav a,
	body.login #backtoblog a,
	body.login .privacy-policy-page-link a {
		color: #E0977A;
	}
	body.login #nav a:hover,
	body.login #backtoblog a:hover,
	body.login .privacy-policy-page-link a:hover {
		color: #EFB49E;
	}
	body.login .message {
		background: #2A251C;
		color: #FAF7F1;
	}
}

/* ===== Manual colour scheme mirrors (2026-11-08) =====
   Generated mirrors of this sheet's prefers-color-scheme rules
   so the header toggle (html[data-theme]) reproduces the OS
   scheme result in both directions. Same-scheme values are
   copied from the media rules; opposite-scheme values come
   from the opposite media rule or the base rule for the same
   selector. */
html[data-theme="dark"] body.login{background:#201C15;color:#FAF7F1}
html[data-theme="light"] body.login{background:#FAF7F1;color:#26221B}
html[data-theme="dark"] body.login .wp-login-logo a{background-image:url("logo-login-dark.svg")}
html[data-theme="light"] body.login .wp-login-logo a{background-image:url("logo-login-light.svg")}
html[data-theme="dark"] body.login h1 a{background-image:url("logo-login-dark.svg")}
html[data-theme="light"] body.login h1 a{background-image:url("logo-login-light.svg")}
html[data-theme="dark"] body.login #loginform{background:#2A251C;border-color:rgba(250, 247, 241, 0.28);box-shadow:0 14px 34px rgba(0, 0, 0, 0.45)}
html[data-theme="light"] body.login #loginform{background:#FFFFFF;border-color:#26221B;box-shadow:0 14px 34px rgba(38, 34, 27, 0.10)}
html[data-theme="dark"] body.login #registerform{background:#2A251C;border-color:rgba(250, 247, 241, 0.28);box-shadow:0 14px 34px rgba(0, 0, 0, 0.45)}
html[data-theme="light"] body.login #registerform{background:#FFFFFF;border-color:#26221B;box-shadow:0 14px 34px rgba(38, 34, 27, 0.10)}
html[data-theme="dark"] body.login #lostpasswordform{background:#2A251C;border-color:rgba(250, 247, 241, 0.28);box-shadow:0 14px 34px rgba(0, 0, 0, 0.45)}
html[data-theme="light"] body.login #lostpasswordform{background:#FFFFFF;border-color:#26221B;box-shadow:0 14px 34px rgba(38, 34, 27, 0.10)}
html[data-theme="dark"] body.login label{color:#FAF7F1}
html[data-theme="light"] body.login label{color:#26221B}
html[data-theme="dark"] body.login form .input{background:#1E1A13;border-color:rgba(250, 247, 241, 0.32);color:#FAF7F1}
html[data-theme="light"] body.login form .input{background:revert;border-color:rgba(38, 34, 27, 0.35);color:#26221B}
html[data-theme="dark"] body.login input[type="text"]{background:#1E1A13;border-color:rgba(250, 247, 241, 0.32);color:#FAF7F1}
html[data-theme="light"] body.login input[type="text"]{background:revert;border-color:rgba(38, 34, 27, 0.35);color:#26221B}
html[data-theme="dark"] body.login input[type="password"]{background:#1E1A13;border-color:rgba(250, 247, 241, 0.32);color:#FAF7F1}
html[data-theme="light"] body.login input[type="password"]{background:revert;border-color:rgba(38, 34, 27, 0.35);color:#26221B}
html[data-theme="dark"] body.login input[type="email"]{background:#1E1A13;border-color:rgba(250, 247, 241, 0.32);color:#FAF7F1}
html[data-theme="light"] body.login input[type="email"]{background:revert;border-color:rgba(38, 34, 27, 0.35);color:#26221B}
html[data-theme="dark"] body.login #nav a{color:#E0977A}
html[data-theme="light"] body.login #nav a{color:#BC4B26}
html[data-theme="dark"] body.login #backtoblog a{color:#E0977A}
html[data-theme="light"] body.login #backtoblog a{color:#BC4B26}
html[data-theme="dark"] body.login .privacy-policy-page-link a{color:#E0977A}
html[data-theme="light"] body.login .privacy-policy-page-link a{color:#BC4B26}
html[data-theme="dark"] body.login #nav a:hover{color:#EFB49E}
html[data-theme="light"] body.login #nav a:hover{color:#9A3B1C}
html[data-theme="dark"] body.login #backtoblog a:hover{color:#EFB49E}
html[data-theme="light"] body.login #backtoblog a:hover{color:#9A3B1C}
html[data-theme="dark"] body.login .privacy-policy-page-link a:hover{color:#EFB49E}
html[data-theme="light"] body.login .privacy-policy-page-link a:hover{color:#9A3B1C}
html[data-theme="dark"] body.login .message{background:#2A251C;color:#FAF7F1}
html[data-theme="light"] body.login .message{background:revert;color:#26221B}

/* Photo strip (2026-11-10, Top 20 item 20): the verified Tokyo
   guide hero (uploads/tokyo/tokyo-hero.webp, eye-verified Tokyo
   Tower skyline at dusk) as a band above the login card, in the
   sheet's own radius and shadow values. Scheme neutral: the same
   dusk photo serves both schemes; only the shadow deepens. */
body.login #login::before {
	content: '';
	display: block;
	height: 132px;
	margin: 0 0 20px;
	background: url("/wp-content/uploads/tokyo/tokyo-hero.webp") center 58% / cover no-repeat;
	border-radius: 16px;
	box-shadow: 0 2px 6px rgba(64, 45, 20, 0.06), 0 14px 34px rgba(64, 45, 20, 0.09);
}
@media (prefers-color-scheme: dark) {
	body.login #login::before {
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 14px 34px rgba(0, 0, 0, 0.35);
	}
}
html[data-theme="dark"] body.login #login::before {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 14px 34px rgba(0, 0, 0, 0.35);
}