@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root {
  --bg-light: #e9ece4;
  --bg-dark: #2a4231;
  --accent: #7a123f;
  --accent-hover: #e14f2b;
  --bg-light-alt: #e8efee;
}

body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--bg-light-alt);
  color: #222;
  line-height: 1.6;
}

/* Universal dark backgrounds */
.bg-dark, .navbar-dark.bg-dark, footer.bg-dark {
  background-color: var(--bg-dark) !important;
}

/* Navbar */


.navbar-brand {
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Headings */
h1, h2, h3, h4, h5 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Cards */
.card {
  border: none;
  transition: transform .25s ease, box-shadow .25s ease;
  background-color: #fff;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

#gallery .card-img-top {
  object-fit: cover;
  height: 260px;
}

/* Buttons */
.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
}

.btn-primary:hover {
  background-color: var(--accent-hover);
  border-color: var(--accent-hover);
}

/* Footer */
footer {
  background-color: var(--bg-dark);
}