:root {
	--item-color: #dfbdaf;
    --item-highlight-color: #a58578;
	--item-bg-color: #364248;
	--item-bg-color-highlight: #414c52;
	--bg-color: #e5dccb;
	--fg-color: #627b8b;
	--fg-color-highlight: #576a77;
	font-family: 'Poppins', sans-serif;
}

a {
	color: var(--item-color);
}

a.news {
	color: var(--item-bg-color-highlight);
}

.brand {
	font-family: 'Bubblegum Sans', sans-serif;
}

.spinning-out {
	font-family: 'Racing Sans One', sans-serif;
}

.tidy-tower {
	font-family: "Press Start 2P", system-ui;
	font-size: 14px;
}

.confidential-coffee {
    font-family: "Special Elite", system-ui;
}

.twiggy-turbine {
    font-family: "Pangolin", system-ui;
}

.card {
	background-color: var(--item-bg-color);
	border-color: var(--item-bg-color-highlight)!important;
	font-size: 18px;
}

.card-body {
	color: var(--bg-color);
}

.card-title {
	color: var(--item-color);
}

.navbar-brand {
	color: var(--item-color);
}

body {
	color: var(--fg-color);
	background-color: var(--bg-color);
}

.navbar, .nav-item {
	color: var(--item-color) !important;
	background-color: var(--item-bg-color) !important;
}

button.nav-item {
	border-color: var(--item-color);
}

.nav-link {
	color: var(--item-color) !important;
}

.nav-link.active {
	color: var(--item-bg-color) !important;
	background-color: var(--fg-color);
}

.nav-link:hover {
	color: var(--bg-color) !important;
	background-color: var(--fg-color) !important;
}

.disabled {
	display: none !important;
}

img.border {
	--bs-border-color: var(--item-bg-color);
}

.text-bg-sl {
	color: var(--bg-color);
	background-color: var(--fg-color);
}

.invert-theme {
	color: var(--bg-color);
	background-color: var(--fg-color);
}

p a {
    color: var(--item-bg-color-highlight);
}

.card-body p a {
    color: var(--item-highlight-color);
}