:root, [data-bs-theme=light] {
  --bs-primary: #343a40;
  --bs-primary-rgb: 52,58,64;
  --bs-primary-text-emphasis: #15171A;
  --bs-primary-bg-subtle: #D6D8D9;
  --bs-primary-border-subtle: #AEB0B3;
  --bs-body-font-family: Poppins, sans-serif;
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: #343a40;
  border-color: #343a40;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2C3136;
  --bs-btn-hover-border-color: #2A2E33;
  --bs-btn-focus-shadow-rgb: 225,225,226;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2A2E33;
  --bs-btn-active-border-color: #272C30;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #343a40;
  --bs-btn-disabled-border-color: #343a40;
}

.btn-outline-primary {
  --bs-btn-color: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-focus-shadow-rgb: 52,58,64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #343a40;
  --bs-btn-hover-border-color: #343a40;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #343a40;
  --bs-btn-active-border-color: #343a40;
  --bs-btn-disabled-color: #343a40;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #343a40;
}

.aspect-ratio-1x1 {
  aspect-ratio: 1/1;
}