body {
  font-family: "Roboto", sans-serif;
}

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-primary: #c62828;
  --bs-primary-rgb: 198, 40, 40;

  --bs-link-color: #c62828;
  --bs-link-hover-color: #b71c1c;

  /* optional semantic tokens used by some components */
  --bs-primary-text-emphasis: #c62828;
  --bs-primary-bg-subtle: rgba(198, 40, 40, 0.12);
  --bs-primary-border-subtle: rgba(198, 40, 40, 0.35);
}

.btn-primary {
  --bs-btn-bg: #c62828;
  --bs-btn-border-color: #c62828;
  --bs-btn-hover-bg: #b71c1c;
  --bs-btn-hover-border-color: #b71c1c;
  --bs-btn-active-bg: #a51f1f;
  --bs-btn-active-border-color: #a51f1f;
}

.accordion {
  --bs-accordion-active-color: #c62828;
  --bs-accordion-active-bg: rgba(198, 40, 40, 0.12);
  --bs-accordion-btn-focus-border-color: #c62828;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(198, 40, 40, 0.25);
}

.accordion-button {
  font-weight: 500;
}

a {
  color: #c62828;
}