:root {
  --bs-primary-rgb: 182, 53, 40;
  --bs-body-font-family: "Inter", sans-serif;
  --bs-link-color-rgb: var(--bs-primary-rgb);
  --bs-body-color: rgb(79, 79, 79);
}
.opacity-85 {
  opacity: 0.85;
}
.vcard {
  max-width: 720px;
  backdrop-filter: blur(19px);
}
.fs-14 {
  font-size: 18px;
}
.btn-primary {
  --bs-btn-bg: rgb(var(--bs-primary-rgb));
  --bs-btn-border-color: rgb(var(--bs-primary-rgb));
  --bs-btn-hover-bg: #9c291e;
  --bs-btn-hover-border-color: #9c291e;
  --bs-btn-active-bg: #9c291e;
  --bs-btn-active-border-color: #9c291e;
}
.user img {
  filter: saturate(0);
  aspect-ratio: 1, 1;
}
.modal-backdrop {
  --bs-backdrop-bg: rgb(var(--bs-primary-rgb));
  --bs-backdrop-opacity: 0.9;
  backdrop-filter: blur(9px);
}
@media (max-width: 576px) {
  .vcard {
    max-width: 360px;
  }
}