/* Marketplace accent palette — draft preview only */
:root {
  --llm-brass: #b8894a;
  --llm-brass-deep: #8f6531;
  --llm-brass-soft: #f5eee4;
  --llm-ink: #24313f;
  --llm-line: #dec9aa;
}

/* Warm up the hero without changing its structure */
body.home #hometop {
  position: relative;
  border-bottom: 5px solid var(--llm-brass) !important;
}
body.home #hometop h2 {
  position: relative;
}
body.home #hometop h2:after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 14px auto 0;
  background: var(--llm-brass);
}

/* Primary actions */
body.home #searchbox input[type="submit"],
body.home .bluebtn a,
#buysell a {
  background: var(--llm-brass) !important;
  border-color: var(--llm-brass) !important;
  color: #fff !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
body.home #searchbox input[type="submit"]:hover,
body.home .bluebtn a:hover,
#buysell a:hover {
  background: var(--llm-brass-deep) !important;
  border-color: var(--llm-brass-deep) !important;
}

/* Add subtle visual separation to the main homepage sections */
body.home #whychoose {
  background: var(--llm-brass-soft) !important;
}
body.home #whychoose h3,
body.home #browse h3 {
  color: var(--llm-brass-deep) !important;
}
body.home #whychoose h2,
body.home #browse h2,
body.home #faqs h2 {
  color: var(--llm-ink) !important;
}

/* Seller / buyer cards get a restrained accent edge */
body.home .whychoose {
  border-top: 4px solid var(--llm-brass) !important;
}
body.home .whychoose h4,
body.home .llfaq h4 {
  color: var(--llm-brass-deep) !important;
}

/* State browsing remains clean but gains warmth and stronger hover feedback */
body.home #statesel li a {
  border-color: var(--llm-line) !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body.home #statesel li a:hover {
  background: var(--llm-brass-soft) !important;
  border-color: var(--llm-brass) !important;
  color: var(--llm-brass-deep) !important;
}

/* FAQ area gets a small warm anchor, not a full recolor */
body.home #faqs {
  border-top: 1px solid var(--llm-line) !important;
}
body.home .llfaqnote {
  border-left: 4px solid var(--llm-brass) !important;
  padding-left: 16px !important;
}

/* Navigation: retain existing primary color, introduce brass only as an accent */
#mainmenu > li > a:hover,
#mainmenu > li:hover > a {
  box-shadow: inset 0 -3px 0 var(--llm-brass) !important;
}
.submenu .sdtitle {
  color: var(--llm-brass-deep) !important;
}

/* Keep links professional while adding a consistent accent cue */
#actiontop a:hover,
#footer a:hover,
.entry-content a:hover {
  color: var(--llm-brass-deep) !important;
}