:root {
	--theme-primary: #a3db89;
	--theme-primary-light: #a3db89;
	--theme-primary-dark: #4aad41;
	--theme-primary-bg: #C0DA5A;
	--color-font: #231815;
	--theme-primary-kamoku: #f9f9f9;
	--theme-primary-kamoku-chara: var(--theme-primary-dark);
	--theme-primary-uke: #3cb37a;
	--theme-primary-uke-chara: var(--color-font);
	--theme-primary-uke-border: 2px solid #ac6b25;
	--theme-primary-uke-hover: #ac6b25;
	--theme-primary-yoya: #f78b2b;
	--theme-primary-yoya-chara: #ffffff;
	--theme-primary-yoya-border: 2px solid var(--theme-primary-light);
	--theme-primary-yoya-hover: #ffd64d;
	--color-status: #d8f5c0;
}
.fontwhite {
	color: var(--color-font);
}
.login-button {
	background: var(--theme-primary);
	color: var(--color-font);
}

	.login-button:hover {
		background: var(--theme-primary-dark);
	}

.lbtn {
	background-color: var(--theme-primary-yoya);
}
@media screen and (max-width: 767px) {
	.navbar .btn-navbar {
		background: var(--theme-primary-dark);
	}
}
@media screen and (min-width: 768px) {
	.navbar .btn-navbar {
		background: var(--theme-primary-dark);
	}
}

.bold_blue {
	color: var(--theme-primary-yoya);
}
.btn-info, .btn-success, .calendar-nav-btn {
	background: var(--theme-primary-uke);
	color: #ffffff;
}
.entry-button, .forgot-password-link {
	color: var(--theme-primary-dark);
}