:root {
	
}

html, body { height: 100%;}

#toast-container {
	z-index: 9999;
	position: fixed;
	top: 4rem;
	right: 0.5rem;
}
#footer {
	position: sticky;
	top: 100vh;
	padding: 1rem;
	background: var(--bs-white);
	width: 100%;
	text-align: center;
}

.btn {
	color: #000000;
}

#theme-switch-container {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
}

body.theme-dark {
	background-color: var(--bs-dark);
}
body.theme-dark #footer {
	background: var(--bs-gray-700);
	color: var(--bs-white);
}
body.theme-dark .card {
    color: var(--bs-white);
    background-color: var(--bs-dark);
    border-color: var(--bs-light);
}
body.theme-dark #theme-switch-container {
    color: var(--bs-white);
}

body.theme-dark .list-group {
	--bs-list-group-bg: var(--bs-gray-700);
	--bs-list-group-color: var(--bs-light);
}