:root {
	--game-color-primary: #386641;
	--game-color-secondary: #6A994E;
	--game-color-success: #0B365C;
	--game-color-error: #BC4749;
	--game-container-border: #666;
	--game-container-background: #FFF;
	--game-item-border: #386641;
	--game-item-border-hover: #6A994E;
	--game-item-border-selected: #ad851f;
	--game-item-border-error: #BC4749;
	--game-item-background: #F2E8CF;
	--game-item-background-hover: #dccca0;
	--game-item-background-selected: #f1d996;
	--game-item-background-success: #A7C957;
	--game-item-background-error: #f1d996;
	--game-item-text: #0a0a0a;
	--game-item-white: #ffffff;
	--game-item-text-disabled: #555;
	--game-item-background-disabled: #F2E8CF;
	--game-item-text-dragging: #555;
	--game-item-background-dragging: #eee;
}

/*message*/
.game-instructions {
	width: 100%;
	clear: both;
	color: #666;
	margin-bottom: 25px;
}

.game-message {
	width: 100%;
	font-size: 1.2rem;
	color: var(--game-color-success);
	padding: 10px 0;
}

.game-message.error {
	color: var(--game-color-error);
}

/*buttons*/
.game-buttons {
	width: 100%;
}
.game-btn-primary, .game-btn-secondary {
	border: none;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	margin-top: 10px;
	transition: background 0.2s;
}

.game-btn-primary {
	background-color: #ffffff;
	border: 2px solid #6A994E;
	color: #353b41;
}
.game-btn-primary:hover {
	border: 2px solid #386641;
}

.game-btn-secondary {
	background-color: #ffffff;
	border: 2px solid #ced4da;
	color: #353b41;
}
.game-btn-secondary:hover {
	border: 2px solid #575e64;
}