html, body {

}

/* ----- scrollbars ----- */
:root[data-bs-theme="dark"] *::-webkit-scrollbar {
  width:10px; height:10px;
}
:root[data-bs-theme="dark"] *::-webkit-scrollbar-track {
  background: var(--bs-tertiary-bg);
}
:root[data-bs-theme="dark"] *::-webkit-scrollbar-thumb {
  background: var(--bs-secondary-bg);
  border:2px solid var(--bs-tertiary-bg);
  border-radius:8px;
}

/* ----- smooth theme change ----- */
@media (prefers-reduced-motion: no-preference) {
  html, body, .card, .btn, .form-control {
    transition: background-color .2s ease, color .2s ease;
  }
}

/* ----- modal blur ----- */
.modal-backdrop,
.modal-dialog {
  backdrop-filter: blur(5px);
}