/* Doolox /cms theme — red & orange, matching the main Doolox website. */

:root {
  /* Recolour Bootstrap 5.3's primary from blue to the Doolox brand red. */
  --bs-primary: #e84545;
  --bs-primary-rgb: 232, 69, 69;
  --bs-primary-text-emphasis: #b03232;
  --bs-primary-bg-subtle: #fbecec;
  --bs-primary-border-subtle: #f6cccc;
  --bs-link-color: #e84545;
  --bs-link-color-rgb: 232, 69, 69;
  --bs-link-hover-color: #c63a3a;
  --bs-link-hover-color-rgb: 198, 58, 58;
}

/* Brand logo in the navbar. */
.navbar-brand img {
  height: 45px;
  width: auto;
  max-width: 100%;
}

/* Primary buttons (solid brand red). */
.btn-primary {
  --bs-btn-bg: #e84545;
  --bs-btn-border-color: #e84545;
  --bs-btn-hover-bg: #c63a3a;
  --bs-btn-hover-border-color: #c63a3a;
  --bs-btn-active-bg: #c63a3a;
  --bs-btn-active-border-color: #c63a3a;
  --bs-btn-disabled-bg: #e84545;
  --bs-btn-disabled-border-color: #e84545;
}

/* Outline buttons (brand red outline). */
.btn-outline-primary {
  --bs-btn-color: #e84545;
  --bs-btn-border-color: #e84545;
  --bs-btn-hover-bg: #e84545;
  --bs-btn-hover-border-color: #e84545;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-bg: #c63a3a;
  --bs-btn-active-border-color: #c63a3a;
  --bs-btn-active-color: #ffffff;
}

/* Nav link accent. */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: #e84545;
}