:root {
    --bs-primary: #5cb85c; /* 明るめの緑 */
    --bs-primary-rgb: 92,184,92;
    --bs-secondary: #6c757d;
    --bs-light-bg: #f8f9fa; /* ややグレーがかった白 */
}
body {
    font-family: "Noto Sans JP", sans-serif; /* Google Fontsなど読み込み後 */
    background-color: var(--bs-light-bg);
}
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    background-color: #4cae4c; /* ホバー時の色 */
    border-color: #4cae4c;
}

.btn-primary:disabled {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.loading-overlay {
	position: fixed; /* 画面に固定 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8); /* 半透明の背景 */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3000; /* 他の要素より前面に表示 */
}