:root {
	/* grey */
	--custom-secondary: #5E6565;
	/* grey-light */
	--custom-secondary-light: #EAEAEA;
	/* green */
	--custom-success: #58A51A;
	/* blue */
	--custom-primary: #084897;
	/* red */
	--custom-warning: #AD1222;
	/* standard bootstrap variables */
	--bs-link-color: var(--custom-primary);
	--bs-nav-link-font-weight: bold;
	--bs-link-hover-color: var(--custom-success)
}

body {
	background-color: #ebeff5;
}

/* Buttons */
.btn-primary {
	background-color: var(--custom-primary);
}

.btn-primary:hover {
	background-color: var(--custom-success);
}

.btn-secondary {
	background-color: var(--custom-secondary);
}

.btn-secondary:hover {
	background-color: var(--custom-success);
}

/* Navigation */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: var(--custom-secondary-light);
	background-color: var(--custom-primary);
}

/* Specific Components */
#total-orders {
	background-color: #4cb4c7;
}

#orders-delivered {
	background-color: #7abecc;
}

#orders-pending {
	background-color: #7cd1c0;
}

.bg-custom-secondary-light {
	background-color: var(--custom-secondary-light);
}