:root {
  --bs-font-sans-serif: 'Poppins', sans-serif;
  --bs-body-font-family: 'Poppins', sans-serif;
}

body {
  font-family: 'Poppins', sans-serif;
}

:root {
  --bs-primary: #AB81D6;
  --bs-primary-rgb: 205, 180, 219;
  --bs-secondary: #f9f6fe;
  --bs-secondary-rgb: 249, 246, 243;
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #AB81D6 !important;
  border-color: #AB81D6 !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #212529;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #ebe4dd !important;
  border-color: #ebe4dd !important;
  color: #212529 !important;
}

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-outline-secondary {
  color: var(--bs-primary);
  border-color: var(--bs-secondary);
  background-color: var(--bs-secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-secondary) !important;
}

/* Text */
.text-primary {
  color: var(--bs-primary) !important;
}

.text-secondary {
  color: var(--bs-secondary) !important;
}

/* Alerts */
.alert-primary {
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  border-color: rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-primary);
}

.alert-secondary {
  background-color: rgba(var(--bs-secondary-rgb), 0.15);
  border-color: rgba(var(--bs-secondary-rgb), 0.2);
  color: #6c757d;
}

/* Backgrounds */
.bg-primary {
  background-color: var(--bs-primary) !important;
}

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

.alert-secondary {
  background-color: var(--bs-secondary) !important;
  color: #212529 !important;
}

.alert-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Cards */
.card {
  background-color: var(--bs-secondary);
  border: 1px solid var(--bs-primary);
}

.card-header {
  background-color: var(--bs-primary);
  color: #fff;
}

.card-body {
  color: #212529;
}

.card-footer {
  background-color: var(--bs-secondary);
  border-top: 1px solid var(--bs-primary);
}

/* Page layout */
.page-content {
  height: 100vh;
  overflow-y: auto;
}

.page-content[data-aos=fade-up] {
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-blue {
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.text-blue {
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0,0,0,.125);
}

/* Size tweaks */
.smaller, .smaller * {
  font-size: 99% !important;
}

.smallest, .smallest * {
  font-size: 96% !important;
}

.tiny, .tiny * {
  font-size: 90% !important;
}

.tinier, .tinier * {
  font-size: 80% !important;
}

.tinier .tooltip-inner {
  max-width: 400px !important;
  text-align: left !important;
}

/* Nav tabs and pills */
.nav-tabs .nav-link,
.nav-pills .nav-link {
  color: var(--bs-primary);
  border: 1px solid transparent;
}

.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
  color: #212529;
  background-color: rgba(var(--bs-primary-rgb), 0.3);
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: var(--bs-primary);
  color: #fff !important;
  border-color: var(--bs-primary);
}

.nav-tabs {
  border-bottom: 1px solid var(--bs-primary) !important;
}