:root{
  --brand:       #8CC63E; /* verde hoja principal */
  --brand-dark:  #558B2F; /* verde profundo */
  --accent:      #8C6B2E; /* café/ocre del motivo */
  --sand:        #F1E8D5; /* fondo arena */
  --ink:         #2E2E2E; /* texto principal */
}

body{ color:var(--ink); }
.bg-sand{ background: var(--sand); }

/* Navbar personalizada */
.navbar-pumamakes{
  background: #fff;
  border-bottom: 4px solid var(--brand);
}
.navbar-pumamakes .navbar-brand .brand-text{
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--brand-dark);
}
.navbar-pumamakes .nav-link{
  color:#333;
}
.navbar-pumamakes .nav-link:hover,
.navbar-pumamakes .nav-link:focus{
  color: var(--brand-dark);
}
.btn-outline-brand{
  border-color: var(--brand);
  color: var(--brand-dark);
}
.btn-outline-brand:hover{
  background: var(--brand);
  color:#fff;
}

/* Botones primarios con color de marca */
.btn-primary{
  background: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover{ background: var(--brand-dark); border-color: var(--brand-dark); }

/* Tarjetas de listado */
.card img.cover {
  object-fit: cover;
  width: 100%;
  height: 220px;
}
.card .card-title{
  color: var(--brand-dark);
}
.card-footer{
  background: rgba(140,198,62,0.08);
  border-top: 1px solid rgba(0,0,0,.05);
}

/* Paginación en marca */
.page-item.active .page-link{
  background: var(--brand);
  border-color: var(--brand);
}
.page-link{ color: var(--brand-dark); }
.page-link:hover{ color: var(--brand); }

/* Enlaces */
a{ color: var(--brand-dark); }
a:hover{ color: var(--brand); }