/* Bootstrap theme override: default
   Ensures bg-primary, btn-primary, tabs, headers, links follow the selected theme.
*/
:root {
  --bs-primary: #0d6efd;
  --bs-primary-rgb: 13,110,253;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
}

/* Body colors for dark theme variants */
body {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Make common components clearly use the theme primary */
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:disabled {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* Cards and widget headers */
.card-header.bg-primary,
.navbar.bg-primary,
.widget-header,
.tab-header.bg-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Nav tabs: active state in theme color */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-body-color) !important;
  background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
  border-color: rgba(var(--bs-primary-rgb), 0.35) rgba(var(--bs-primary-rgb), 0.35) transparent !important;
}
.nav-tabs .nav-link:hover {
  border-color: rgba(var(--bs-primary-rgb), 0.35) rgba(var(--bs-primary-rgb), 0.35) transparent !important;
}

/* Links */
a {
  color: var(--bs-link-color);
}
a:hover {
  color: var(--bs-link-hover-color);
}