body {
	--demo-light-grey: rgb(241, 245, 249);
	--demo-medium-grey: rgb(226, 232, 240);
	--demo-dark-grey: rgb(100, 116, 139);
	--demo-darker-grey: rgb(15, 23, 42);
	--demo-text-color: rgb(2, 8, 23);
	--demo-white: rgb(255, 255, 255);

	color: var(--demo-text-color);
	background-color: var(--demo-white);
}

.card-body {
	--bs-card-color: var(--demo-text-color);
}

.full-height .card{
	background-color: var(--demo-white);
	border-color: var(--demo-medium-grey);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--demo-darker-grey);
}

.btn-primary {
	--bs-btn-color: var(--demo-white);
    --bs-btn-bg: var(--demo-darker-grey);
    --bs-btn-border-color: var(--demo-darker-grey);
    --bs-btn-hover-color: var(--demo-white);
    --bs-btn-hover-bg: var(--demo-dark-grey);
    --bs-btn-hover-border-color: var(--demo-dark-grey);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--demo-white);
    --bs-btn-active-bg: var(--demo-dark-grey);
    --bs-btn-active-border-color: var(--demo-dark-grey);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--demo-dark-grey);
    --bs-btn-disabled-bg: var(--demo-light-grey);
    --bs-btn-disabled-border-color: var(--demo-light-grey);
}

.btn-secondary {
	--bs-btn-color: var(--demo-text-color);
	--bs-btn-bg: var(--demo-medium-grey);
	--bs-btn-border-color: var(--demo-medium-grey);
	--bs-btn-hover-color: var(--demo-text-color);
	--bs-btn-hover-bg: var(--demo-dark-grey);
	--bs-btn-hover-border-color: var(--demo-dark-grey);
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: var(--demo-text-color);
	--bs-btn-active-bg: var(--demo-dark-grey);
	--bs-btn-active-border-color: var(--demo-dark-grey);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--demo-dark-grey);
	--bs-btn-disabled-bg: var(--demo-light-grey);
	--bs-btn-disabled-border-color: var(--demo-light-grey);
}