:root, [data-theme="light"] {
	--bg-color: white;
	--surface-menu-bar: #e9e9e9;
	--navbar-bg: #2a7231;
	--btn-primary: #a00d0a;
}

[data-theme="light"] .navbar .icon {
	stroke: var(--gray-300);
}

[data-theme="dark"] {
	--bg-color: var(--gray-900);
	--surface-menu-bar: #0f0f0f;
	--navbar-bg: #2a7231;
	--btn-primary: #ffcccc;
}

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

.navbar-light,
.navbar-dark {
	background-color: var(--navbar-bg);
}

.navbar-light .navbar-brand,
.navbar-dark .navbar-brand {
  color:#fff
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color:#fff
}

.navbar-light .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link {
  color:#ffffff80
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color:#ffffffbf
}

.navbar-light .navbar-nav .nav-link.disabled,
.navbar-dark .navbar-nav .nav-link.disabled {
  color:#ffffff40
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color:#fff
}

.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
  color:#ffffff80;
  border-color:#ffffff1a
}

.navbar-light .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text,
.navbar-dark .navbar-text {
  color:#ffffff80
}

.navbar-light .navbar-text a,
.navbar-dark .navbar-text a {
  color:#fff
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color:#fff
}

.navbar-brand img {
	max-height: 36px;
}

.page-head {
	background-color: var(--surface-menu-bar);
}

.page-card-head img {
	max-height: 128px;
}

.web-footer {
	min-height: initial;
	padding: 2rem 0 0 0;
	background-color: #a00d0a;
	color: #fff;
}

.web-footer,
.web-footer .footer-links,
.web-footer .footer-links a,
.web-footer .footer-info {
	color: #fff;
}

.footer-logo {
	height: 2.5rem;
}

.footer-grouped-links {
	margin-bottom: initial;