:root {
  --bs-primary: #d50202;
  --bs-primary-rgb: 213, 2, 2;
  --bs-link-color: #d50202;
  --bs-link-color-rgb: 213, 2, 2;
  --theme-custom-nav-accent: #d50202;
  --theme-custom-nav-accent-rgb: 213, 2, 2;
  --theme-custom-border-radius: 0.75rem;
  --theme-primary-surface-1: color-mix(in srgb, var(--bs-primary) 4%, #fff);
  --theme-primary-surface-2: color-mix(in srgb, var(--bs-primary) 8%, #fff);
  --theme-primary-border-soft: color-mix(in srgb, var(--bs-primary) 22%, #d0d5dd);
  --theme-primary-border-strong: color-mix(in srgb, var(--bs-primary) 45%, #c7ced8);
  --theme-primary-shadow-soft: color-mix(in srgb, var(--bs-primary) 14%, transparent);
  --theme-primary-shadow-strong: color-mix(in srgb, var(--bs-primary) 24%, transparent);
  --theme-primary-text-strong: color-mix(in srgb, var(--bs-primary) 72%, #0f172a);
  --custom-footer-bg: #3f444e;
  --custom-footer-color: #f4f5f7;
}
.custom-site-footer {
  background-color: var(--custom-footer-bg) !important;
  color: var(--custom-footer-color) !important;
}
.custom-site-footer a {
  color: var(--custom-footer-color) !important;
}
.btn-primary,
.btn-secondary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
.btn-outline-primary,
.btn-outline-secondary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: color-mix(in srgb, var(--bs-primary) 88%, #000) !important;
  border-color: color-mix(in srgb, var(--bs-primary) 88%, #000) !important;
}
.btn:focus,
.btn:focus-visible {
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--bs-primary) 28%, transparent) !important;
}
.btn,
.theme-custom-nav-item,
.theme-custom-nav-item:hover,
.theme-custom-nav-item:focus-visible,
.theme-custom-nav-item.active,
.theme-custom-nav-item.is-active,
.custom-admin-hub__nav-item,
.custom-admin-hub__search-input {
  border-radius: 0.75rem !important;
}
.card,
.custom-admin-hub__section,
.custom-admin-hub__panel,
.custom-course-card__inner,
.block,
.well,
.dropdown-menu {
  border-color: var(--theme-primary-border-soft) !important;
  box-shadow: 0 10px 30px var(--theme-primary-shadow-soft) !important;
}
.card:hover,
.custom-admin-hub__section:hover,
.custom-course-card__inner:hover,
.block:hover {
  border-color: var(--theme-primary-border-strong) !important;
  box-shadow: 0 14px 34px var(--theme-primary-shadow-strong) !important;
}
.custom-admin-hub__nav-item:hover,
.custom-admin-hub__nav-item:focus-visible {
  background-color: var(--theme-primary-surface-2) !important;
  border-color: var(--theme-primary-border-soft) !important;
}
.custom-admin-hub__nav-item.is-active {
  background-color: color-mix(in srgb, var(--bs-primary) 16%, #fff) !important;
  border-color: var(--theme-primary-border-strong) !important;
  color: var(--theme-primary-text-strong) !important;
  box-shadow: 0 6px 18px var(--theme-primary-shadow-strong) !important;
}
.custom-admin-hub__nav-icon {
  background-color: color-mix(in srgb, var(--bs-primary) 12%, #fff) !important;
  color: var(--bs-primary) !important;
}
.custom-admin-hub__nav-item.is-active .custom-admin-hub__nav-icon {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}