/* theme-colors.css  — load after bootstrap.min.css and style.css */
:root {
  /* Bootstrap vars */
  --bs-primary: #880807; /* deep maroon from logo */
  --bs-secondary: #d19346; /* warm gold from logo */
  --bs-dark: #2b0a0a; /* very dark maroon */
  --bs-light: #f6f4f2; /* warm light */
  --bs-link-color: #d19346;
  --bs-link-hover-color: #6b0606;

  /* Template vars */
  --primary: #880807;
  --secondary: #d19346;
  --dark: #2b0a0a;
  --light: #f6f4f2;
}

/* links */
a {
  color: var(--bs-link-color);
}
a:hover {
  color: var(--bs-link-hover-color);
}

/* buttons */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: var(--bs-link-hover-color);
  border-color: var(--bs-link-hover-color);
}

.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-outline-secondary {
  color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

/* overlays that were navy */
.carousel-caption {
  background: rgba(43, 10, 10, 0.7);
}
.team-item:hover .team-social {
  background: rgba(43, 10, 10, 0.7);
}
.bg-header {
  background: linear-gradient(rgba(43, 10, 10, 0.7), rgba(43, 10, 10, 0.7)),
    url(../img/carousel-1.jpg) center center no-repeat;
  background-size: cover;
}

/* utilities for quick theming */
.text-primary {
  color: var(--bs-primary) !important;
}
.bg-primary {
  background-color: var(--bs-primary) !important;
}
.border-primary {
  border-color: var(--bs-primary) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.bg-secondary {
  background-color: var(--bs-secondary) !important;
}
.border-secondary {
  border-color: var(--bs-secondary) !important;
}
.footer {
  border-color: var(--bs-secondary) !important;
}