:root {
  --bs-body-bg: #fff;
  --bs-body-color: #212529;
  --bs-navbar-bg: #f8f9fa;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-jumbotron-bg: #e9ecef;
  --bs-jumbotron-color: #212529;
}

.dark-theme {
  --bs-body-bg: #212529;
  --bs-body-color: #f8f9fa;
  --bs-navbar-bg: #343a40;
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-active-color: rgba(255, 255, 255, 0.9);
  --bs-jumbotron-bg: #343a40;
  --bs-jumbotron-color: #f8f9fa;
}

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

.navbar {
  background-color: var(--bs-navbar-bg) !important;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--bs-navbar-color);
}

.navbar-light .navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}

.navbar-dark .navbar-nav .nav-link {
  color: var(--bs-navbar-color);
}

.navbar-dark .navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}

.jumbotron {
  background-color: var(--bs-jumbotron-bg) !important;
  color: var(--bs-jumbotron-color);
}