/**
 * Perihelion — login screen styling (Community Press).
 *
 * Enqueued via login_enqueue_scripts in functions.php. Restyles the default
 * WordPress sign-in / register / lost-password forms to match the risograph
 * brand without replacing any templates.
 *
 * The login screen doesn't receive theme.json's font faces, so Jost and Work
 * Sans are self-hosted here directly (paths are relative to this file →
 * ../fonts/). No external font requests.
 */

@font-face { font-family: 'Jost'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/jost-700.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-weight: 800; font-style: normal; font-display: swap; src: url('../fonts/jost-800.woff2') format('woff2'); }
@font-face { font-family: 'Work Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/worksans-400.woff2') format('woff2'); }
@font-face { font-family: 'Work Sans'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/worksans-600.woff2') format('woff2'); }

body.login {
	background-color: #F0EEE6;
	background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.11 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
	color: #191A1D;
	font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

/* Replace the WordPress logo with a Jost wordmark "PERIHELION".
 *
 * The anchor's text is the site name (set via the login_headertext filter in
 * functions.php). WP hides it via negative text-indent + background-image;
 * resetting those reveals it as plain text we then style. */
.login h1 a {
	background-image: none;
	width: auto;
	height: auto;
	text-indent: 0;
	color: #191A1D;
	font-family: 'Jost', 'Futura', 'Century Gothic', sans-serif;
	font-size: 2.75rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	line-height: 1;
	margin-bottom: 1.5rem;
}

/* Form container — white card, ink rule, hard offset shadow. */
.login form {
	background-color: #FFFFFF;
	border: 2px solid #191A1D;
	box-shadow: 5px 5px 0 #191A1D;
	border-radius: 8px;
	padding: 2rem 1.5rem;
}

/* Inputs — ink-ruled, blue offset focus. */
.login form input[type="text"],
.login form input[type="email"],
.login form input[type="password"] {
	background-color: #FFFFFF;
	border: 2px solid #191A1D;
	border-radius: 6px;
	color: #191A1D;
	font-family: 'Work Sans', system-ui, sans-serif;
	font-size: 1rem;
	padding: 0.6em 0.7em;
	box-shadow: none;
}

.login form input[type="text"]:focus,
.login form input[type="email"]:focus,
.login form input[type="password"]:focus {
	border-color: #191A1D;
	outline: none;
	box-shadow: 3px 3px 0 #1C5CF0;
}

.login form label {
	color: #191A1D;
	font-weight: 600;
	font-size: 0.95rem;
}

/* Primary button — deep-pink sticker that presses down on hover. */
.login .button-primary,
.login .wp-core-ui .button-primary {
	background-color: #D8176E;
	border: 2px solid #191A1D;
	color: #FFFFFF;
	border-radius: 6px;
	padding: 0.6em 1.2em;
	font-family: 'Jost', 'Futura', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	box-shadow: 3px 3px 0 #191A1D;
	text-shadow: none;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background-color: #D8176E;
	border-color: #191A1D;
	transform: translate(2px, 2px);
	box-shadow: 1px 1px 0 #191A1D;
}

/* Secondary links (Lost your password?, Back to site, Register). */
.login #nav a,
.login #backtoblog a,
.login p a {
	color: #191A1D;
	text-decoration: underline;
	text-decoration-color: #FF3D8B;
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login p a:hover {
	color: #1C5CF0;
}

/* Privacy notice */
.privacy-policy-page-link {
	color: #54555C;
}