:root {
  --primary: #801818;
  --bs-primary: #801818;
}
body { font-family: 'Quicksand', sans-serif; background: #faf6f1; }
h1, h2, h3, h4 { font-weight: 600; color: var(--primary); }
.hero {
  background: linear-gradient(rgba(128, 24, 24, 0.65), rgba(128, 24, 24, 0.65)), url('images/gallery/161344.jpg') center/cover no-repeat;
  color: white;
  padding: 5rem 0 4.5rem;
}
.hero h1 { color: white; text-shadow: 0 2px 6px rgba(0,0,0,0.4); }
.section-red { background: #801818; color: #fff; }
.section-red h2, .section-red h3, .section-red h4 { color: white; }
.card-red { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); color: #fff; }
.btn-primary { background-color: #801818; border-color: #801818; }
.btn-primary:hover { background-color: #5c1010; border-color: #5c1010; }
.btn-light { color: #801818 !important; font-weight: 600; }
