:root {
  --bs-primary: #d00000;
}

/* ====== Typography ====== */
body {
  font-family: 'Open Sans', sans-serif !important;
}

.font-var {
  font-family: 'Playfair Display', serif;
}

/* ====== Active nav style ====== */
.active {
  border-bottom: 3px solid var(--bs-primary);
}

/* ====== Buttons ====== */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border: none !important;
  color: #fff !important;
  padding: 10px 20px;
}

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

/* ====== Font weight utilities (missing from Bootstrap 5.1.3) ====== */
.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

/* ====== Paragraph and span spacing ====== */
p,
span {
  margin-bottom: 0;
}