:root {
  --salsa-red: #b8321f;
  --tortilla: #f4e3c3;
  --egg-yolk: #f2a900;
  --charcoal: #2b2118;
 
  /* Override Bootstrap's theme variables */
  --bs-primary: var(--salsa-red);
  --bs-primary-rgb: 184, 50, 31;
  --bs-body-font-family: "DM Sans", system-ui, sans-serif;
  --bs-body-color: var(--charcoal);
  --bs-body-bg: #fffaf2;
}
 
/* Typography */
h1, h2, h3, h4, .navbar-brand {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 800;
}
 
/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--salsa-red);
  --bs-btn-border-color: var(--salsa-red);
  --bs-btn-hover-bg: #962716;
  --bs-btn-hover-border-color: #962716;
}
 
.btn-accent {
  background-color: var(--egg-yolk);
  border-color: var(--egg-yolk);
  color: var(--charcoal);
  font-weight: 700;
}
 
.btn-accent:hover,
.btn-accent:focus {
  background-color: #d89300;
  border-color: #d89300;
  color: var(--charcoal);
}
 
/* Hero */
.hero {
  min-height: 70vh;
  background:
    linear-gradient(rgba(43, 33, 24, 0.6), rgba(43, 33, 24, 0.6)),
    url("../images/burrito-hero.jpg") center / cover no-repeat;
}
 
.hero-kicker {
  letter-spacing: 0.15em;
  font-weight: 700;
  color: var(--egg-yolk);
}
 
.hero-lead {
  max-width: 36rem;
}
 
/* Cards */
.card {
  border: 0;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: transform 0.2s ease;
}
 
.card:hover {
  transform: translateY(-4px);
}
 
.card-img-top {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
 
.card-memorial .card-img-top {
  filter: grayscale(100%);
}
 
.badge.text-bg-secondary {
  background-color: var(--tortilla) !important;
  color: var(--charcoal) !important;
}

.accordion {
  --bs-accordion-active-bg: var(--tortilla);
  --bs-accordion-active-color: var(--charcoal);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(184, 50, 31, 0.25);
}
 
.accordion-button {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 600;
}
 
/* Respect users who prefer less motion */
@media (prefers-reduced-motion: reduce) {
  .card { transition: none; }
  .card:hover { transform: none; }
}