/**
 * Remember Admin Login Colors
 *
 * Default login color stylesheet.
 *
 * To customize this stylesheet without modifying the plugin, copy this file to:
 *
 * your-theme/ralc/login-colors.css
 *
 * The theme copy will completely replace this file.
 */

body.login {
	background: var(--ralc-page);
	color: var(--ralc-text);
}

.login form {
	background: var(--ralc-panel);
}

.login form,
.login form label,
.login .message,
.login .success {
	color: var(--ralc-text);
}

.login .message,
.login .success,
.login #login_error {
	background: var(--ralc-panel);
	border-left-color: var(--ralc-primary);
}

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

.login input[type="checkbox"]:checked {
	background-color: var(--ralc-primary);
	border-color: var(--ralc-primary);
}

.login input[type="checkbox"]:checked::before {
	color: var(--ralc-button-text);
}

.wp-core-ui .button-primary {
	background: var(--ralc-primary);
	border-color: var(--ralc-primary);
	color: var(--ralc-button-text);
}

.wp-core-ui .button-primary:hover {
	background: var(--ralc-hover);
	border-color: var(--ralc-hover);
}

.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:focus-visible {
	background: var(--ralc-primary);
	border-color: var(--ralc-primary);
	color: var(--ralc-button-text);
	box-shadow:
		0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--ralc-primary),
		inset 0 0 0 1px var(--ralc-button-text);
	outline: 1px solid transparent;
}

.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary:active {
	background: var(--ralc-hover);
	border-color: var(--ralc-hover);
	box-shadow: none;
	color: var(--ralc-button-text);
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a,
.login .language-switcher label,
.login .dashicons {
	color: var(--ralc-primary);
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover {
	color: var(--ralc-text);
}

.login .wp-tooltip .wp-tooltip__toggle:focus,
.login .wp-tooltip .wp-tooltip__close:focus {
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px var(--ralc-primary);
}