/*
全体の背景色
var(--wp--custom--color--login-bg-color)
背景画像
var(--wp--custom--image--login-bg-image)
フォームの背景色
var(--wp--custom--color--login-form-bg-color)
フォーム内の文字色
var(--wp--custom--color--login-form-text-color)
欄外の文字色
var(--wp--custom--color--login-form-outside-text-color)
送信ボタンの文字色
var(--wp--custom--color--login-form-submit-text-color)
送信ボタンのボタン色
var(--wp--custom--color--login-form-submit-button-color)
ロゴ画像
var(--wp--custom--image--login-logo-image)
*/

body {
	background:var(--wp--custom--color--login-bg-color);
	background-image:var(--wp--custom--image--login-bg-image)!important;
	background-attachment: fixed; /* これで画像を固定 */
	background-repeat: no-repeat;  /* 画像を繰り返さない */
	background-size: cover;       /* 画面いっぱいに広げる */
	background-position: center;  /* 中央に配置 */
	/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
}

#login a {
	color: var(--wp--custom--color--login-form-text-color) !important;
}

#login {
	color: var(--wp--custom--color--login-form-text-color);
}

#loginform {
	/*color: var(--wp--custom--color--login-form-text-color);*/
	background: var(--wp--custom--color--login-form-bg-color);
	border: 1px solid var(--wp--custom--color--login-form-bg-color);
	backdrop-filter: blur(8px); /* 背景を少しぼかす */
	-webkit-backdrop-filter: blur(8px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* 影で奥行きを出す */
}

#language-switcher .button,
.dashicons.dashicons-translation
{
	color: var(--wp--custom--color--login-form-outside-text-color);
	border-color: var(--wp--custom--color--login-form-outside-text-color);
}

#nav a,
#nav,
#backtoblog a
{
	color: var(--wp--custom--color--login-form-outside-text-color)!important;
	border-color: var(--wp--custom--color--login-form-outside-text-color)!important;
}


/* ログインボタン */
#wp-submit {
	background: var(--wp--custom--color--login-form-submit-button-color);
	color: var(--wp--custom--color--login-form-submit-text-color);
	border-color: var(--wp--custom--color--login-form-submit-button-color);
}

#wp-submit:hover {
	background: var(--wp--custom--color--login-form-submit-button-color);
	filter: brightness(90%);
	border-color: var(--wp--custom--color--login-form-submit-button-color);
}

.dashicons.dashicons-visibility {
	color: var(--wp--custom--color--login-form-submit-text-color);
}

a:hover,
a:active {
	color: var(--wp--custom--color--login-form-submit-text-color);
	filter: brightness(90%);
}

a:focus {
	color: var(--wp--custom--color--login-form-submit-text-color);
	box-shadow: none;
	filter: brightness(85%);
}

#login_error,
.login .message,
.login .notice,
.login .success,
.login .notice-error
{
	color: #3c434a;
}

#user_login,
#user_pass
{
	border: 1px solid var(--wp--custom--color--login-form-text-color);
	box-shadow: 0 0 0 var(--wp--custom--color--login-form-text-color);
}

.login h1 a {
	background-image: var(--wp--custom--image--login-logo-image);
	background-size: cover;
	background-position: center;
	width:100%;
}