:root {
  --dk-primary: #c05621;
  --dk-primary-dark: #9c3f16;
  --dk-accent: #2f7d6b;
  --dk-cream: #fbf4ec;
}

body {
  background: #fdfaf6;
  color: #2b2622;
}

a {
  color: var(--dk-primary);
}
a:hover {
  color: var(--dk-primary-dark);
}

.btn-primary {
  background-color: var(--dk-primary);
  border-color: var(--dk-primary);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--dk-primary-dark);
  border-color: var(--dk-primary-dark);
}

.text-primary {
  color: var(--dk-primary) !important;
}

.site-header {
  z-index: 1030;
}

.hero {
  background: linear-gradient(135deg, var(--dk-primary) 0%, var(--dk-primary-dark) 100%);
  color: #fff;
}
.hero .lead {
  max-width: 46rem;
}

.section-title,
.cloud-title {
  font-weight: 700;
  color: #3a2f27;
}

.tag-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e7dccd;
  color: #4a3c30;
  text-decoration: none;
  font-size: 0.9rem;
  transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.tag-pill:hover {
  border-color: var(--dk-primary);
  color: var(--dk-primary-dark);
  background: var(--dk-cream);
}
.tag-pill .tag-count {
  color: #a99a86;
  font-size: 0.8em;
}
.tag-pill:hover .tag-count {
  color: inherit;
}

.filters-block {
  background: var(--dk-cream) !important;
  border: 1px solid #eee0cf;
}

.listing-card {
  border: 1px solid #eee2d2;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  overflow: hidden;
}
.listing-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.75rem 1.5rem rgba(60, 40, 20, 0.12) !important;
}
.listing-card .card-img-top {
  height: 190px;
  object-fit: cover;
}
.card-img-placeholder {
  height: 190px;
  background: #f1e9dd;
}

.intro-text p {
  color: #4a3c30;
  line-height: 1.7;
}

.breadcrumb-item a {
  text-decoration: none;
}

.pagination .page-link {
  color: var(--dk-primary);
}
.pagination .active .page-link {
  background-color: var(--dk-primary);
  border-color: var(--dk-primary);
}

.site-footer {
  background: var(--dk-cream) !important;
}