/**
 * wp-login.php — matches theme palette (theme.json / main.css).
 * Logo background is injected from PHP when matrix-logo.png exists.
 */

@font-face {
  font-family: "Rethink Sans";
  src: url("../../src/assets/fonts/Rethink_Sans/RethinkSans-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --ap-primary-green: #50b948;
  --ap-secondary-green: #658a3c;
  --ap-primary-blue: #0062a8;
  --ap-secondary-blue: #004781;
  --ap-black: #000000;
  --ap-white: #ffffff;
  --ap-text: #242424;
}

body.login {
  font-family: "Rethink Sans", system-ui, -apple-system, sans-serif;
  background-color: var(--ap-black);
  background-image:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(0, 98, 168, 0.35), transparent 55%),
    radial-gradient(ellipse 90% 60% at 100% 100%, rgba(80, 185, 72, 0.12), transparent 50%);
  min-height: 100vh;
}

body.login #login h1 a {
  width: 100%;
  height: 72px;
  max-width: 280px;
  margin: 0 auto 1.25rem;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

body.login #login {
  padding-top: 6vh;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #registerform,
body.login #resetpassform {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  background: var(--ap-white);
  color: var(--ap-text);
}

body.login form .input,
body.login form input[type="text"],
body.login form input[type="password"] {
  border-radius: 4px;
  border-color: #c3c4c7;
}

body.login form .input:focus,
body.login form input[type="text"]:focus,
body.login form input[type="password"]:focus {
  border-color: var(--ap-primary-blue);
  box-shadow: 0 0 0 1px var(--ap-primary-blue);
}

body.login .button.wp-hide-pw .dashicons::before {
  color: var(--ap-primary-blue);
}

body.login #wp-submit,
body.login .button.button-primary {
  background: var(--ap-primary-blue);
  border-color: var(--ap-secondary-blue);
  text-shadow: none;
  box-shadow: none;
  border-radius: 4px;
}

body.login #wp-submit:hover,
body.login #wp-submit:focus,
body.login .button.button-primary:hover,
body.login .button.button-primary:focus {
  background: var(--ap-secondary-blue);
  border-color: var(--ap-secondary-blue);
}

body.login #nav a,
body.login #backtoblog a {
  color: rgba(255, 255, 255, 0.85);
}

body.login #nav a:hover,
body.login #nav a:focus,
body.login #backtoblog a:hover,
body.login #backtoblog a:focus {
  color: var(--ap-primary-green);
}

body.login .message,
body.login #login_error {
  border-left: 4px solid var(--ap-primary-green);
  border-radius: 4px;
}

body.login #login_error {
  border-left-color: #d63638;
}

body.login .privacy-policy-page-link {
  color: rgba(255, 255, 255, 0.65);
}

body.login .privacy-policy-page-link a {
  color: var(--ap-primary-green);
}

body.login .language-switcher label .dashicons {
  color: rgba(255, 255, 255, 0.6);
}

body.login .language-switcher select {
  border-radius: 4px;
}