/* Variables */
:root {
  --bs-font-sans-serif: Poppins, system-ui, -apple-system, "Segoe UI", Roboto;
  --white: #fff;
  --black: #000;
  --grey-300: #e4e4e4;
  --red-600: #e22120;
  --red-700: #c4000e;
  --red-800: #991b1b;
}

.navbar-nav {
  --bs-navbar-color: var(--black);
  --bs-navbar-hover-color: var(--black);
}

/* Accordion */
.accordion {
  --bs-accordion-active-color: var(--bs-body-color);
}

.accordion-button {
  --bs-accordion-btn-icon: url('/images/add.svg');
  --bs-accordion-btn-active-icon: url("/images/remove.svg");
  --bs-accordion-active-bg: var(--white);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-border-color: none;
}

/* Button */
.btn {
  --bs-btn-border-color: var(--red-600);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--red-600);
  --bs-btn-hover-border-color: var(--red-600);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--red-700);
  --bs-btn-active-border-color: var(--red-700);
}

.btn-outline-primary {
  --bs-btn-color: var(--red-600);
}

.btn-primary {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--red-600);
}