/**
 * The WordPress login screen, wearing the site's own typeface.
 *
 * The site's fonts are declared in Appearance -> Customise -> Additional CSS,
 * which WordPress prints on the FRONT END only. wp-login.php is not the front
 * end, so none of it reaches the login screen and the form fell back to the
 * browser's default sans - which is why it never matched the rest of the site.
 *
 * The @font-face rules are repeated here rather than moved, because Additional
 * CSS is edited in wp-admin and is outside git; deleting from there would put
 * the front end at the mercy of a file nobody can see in this repo.
 *
 * Font family names are as the site declares them, including the "Gilory"
 * spelling - it is a typo in the original that everything now depends on, so
 * it must be matched exactly, not corrected.
 */

@font-face {
	font-family: "Gilory";
	src: url("/wp-content/uploads/2024/12/Gilroy-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gilory";
	src: url("/wp-content/uploads/2024/12/Gilroy-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Neulis Sans";
	src: url("/wp-content/uploads/2024/12/fonnts.com-Neulis_Sans_Bold.otf") format("opentype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

body.login,
body.login input,
body.login label,
body.login p,
body.login a,
body.login .button,
body.login .button-primary,
body.login #nav,
body.login #backtoblog {
	font-family: "Gilory", sans-serif;
}

/* Headings follow the site, which pairs Neulis Sans with Gilory. */
body.login h1,
body.login h2,
body.login h3,
body.login .login-title,
body.login .bb-login-section-title {
	font-family: "Neulis Sans", serif;
}

/*
 * The Terms of Service and Privacy Policy line.
 *
 * It rendered at 14px in semi-bold near-black, which gave two pieces of legal
 * boilerplate more visual weight than the Log In button. Small and grey now:
 * still present, still clickable, no longer competing with the thing the
 * visitor came to do.
 *
 * Container and current values confirmed on the live login page - it is
 * `div.privacy-policy-page-link`, links at 14px/600/rgb(10,10,10).
 */
body.login .privacy-policy-page-link {
	font-size: 0.6875rem;
	font-weight: 400;
	color: #9a9a9a;
	line-height: 1.5;
}

body.login .privacy-policy-page-link a {
	font-size: inherit;
	font-weight: 400;
	color: #9a9a9a;
	text-decoration: none;
}

body.login .privacy-policy-page-link a:hover,
body.login .privacy-policy-page-link a:focus {
	color: #6a6a6a;
	text-decoration: underline;
}