:root
{
	--primary-fg: #2E4A34; /* dark green */
	--primary-bg: #95C39F; /* light green */
	--secondary-fg: #000;
	--secondary-bg: #FFFEF1; /* cream */
	--success-fg: #f0f;
	--success-bg: #f00;
	--danger-fg: #ff0;
	--danger-bg: #0f0;
	--warning-fg: #1F3D25; /* dark green */
	--warning-bg: #95C39F; /* light green */
	--info-fg: #fff;
	--info-bg: #1F3D25; /* dark green */
}

html,
body
{
	background-color: var(--secondary-bg) !important;
}

a.nav-link,
.navbar-toggler-icon
{
	color: var(--primary-fg) !important;
}

.navbar-toggler svg
{
	width: 24px;
	height: 24px;
	display: block;
	stroke: var(--primary-fg) !important;
}



.bg-primary,
.btn-primary
{
	background-color: var(--primary-bg) !important;
	border-color: var(--primary-bg) !important;
	color: var(--primary-fg) !important;
}

.btn-outline-primary
{
	border-color: var(--primary-bg) !important;
	color: var(--primary-bg) !important;
}

	.btn-outline-primary:hover,
	.btn-outline-primary:active
	{
		background-color: var(--primary-bg) !important;
		border-color: var(--primary-bg) !important;
		color: var(--primary-fg) !important;
	}

.btn-primary
{
	border-color: var(--primary-bg) !important;
}

.bg-secondary,
.btn-secondary
{
	background-color: var(--secondary-bg) !important;
	border-color: var(--secondary-bg) !important;
	color: var(--secondary-fg) !important;
}

.btn-outline-secondary
{
	border-color: var(--secondary-bg) !important;
	color: var(--secondary-bg) !important;
}

	.btn-outline-secondary:hover,
	.btn-outline-secondary:active
	{
		background-color: var(--secondary-bg) !important;
		border-color: var(--secondary-bg) !important;
		color: var(--primary-fg) !important;
	}

.btn-secondary
{
	border-color: var(--secondary-bg) !important;
}

.bg-success,
.btn-success
{
	background-color: var(--success-bg) !important;
	border-color: var(--success-bg) !important;
	color: Black !important;
}

.btn-outline-success
{
	border-color: var(--success-bg) !important;
	color: var(--success-bg) !important;
}

	.btn-outline-success:hover,
	.btn-outline-success:active
	{
		background-color: var(--success-bg) !important;
		border-color: var(--success-bg) !important;
		color: Black !important;
	}

.btn-success
{
	border-color: var(--success-bg) !important;
}

.bg-danger,
.btn-danger
{
	background-color: var(--danger-bg) !important;
	border-color: var(--danger-bg) !important;
	color: var(--primary-fg) !important;
}

.btn-outline-danger
{
	border-color: var(--danger-bg) !important;
	color: var(--danger-bg) !important;
}

	.btn-outline-danger:hover,
	.btn-outline-danger:active
	{
		background-color: var(--danger-bg) !important;
		border-color: var(--danger-bg) !important;
		color: var(--danger-fg) !important;
	}

.btn-danger
{
	border-color: var(--danger-bg) !important;
}

.bg-warning,
.btn-warning
{
	background-color: var(--warning-bg) !important;
	border-color: var(--warning-bg) !important;
	color: var(--warning-fg) !important;
}

.btn-outline-warning
{
	border-color: var(--warning-bg) !important;
	color: var(--warning-bg) !important;
}

	.btn-outline-warning:hover,
	.btn-outline-warning:active
	{
		background-color: var(--warning-bg) !important;
		border-color: var(--warning-bg) !important;
		color: var(--warning-fg) !important;
	}

.btn-warning
{
	border-color: var(--warning-bg) !important;
}

.bg-info,
.btn-info
{
	background-color: var(--info-bg) !important;
	border-color: var(--info-bg) !important;
	color: var(--info-fg) !important;
}

.btn-outline-info
{
	border-color: var(--info-bg) !important;
	color: var(--info-bg) !important;
}

	.btn-outline-info:hover,
	.btn-outline-info:active
	{
		background-color: var(--info-bg) !important;
		border-color: var(--info-bg) !important;
		color: var(--info-fg) !important;
	}

.btn-info
{
	border-color: var(--info-bg) !important;
}