/* Re-skins the original listing pages with the Happy Camper palette.
   The pages' own CSS reads these variables, so overriding them is enough. */
:root {
  --navy: #2A3F30;       /* Collingwood page: dark sections */
  --teal: #3D5A47;
  --forest: #2A3F30;     /* Waterloo page: dark sections */
  --green: #3D5A47;
  --gold: #C67B4E;       /* campfire */
  --gold-light: #E8956A; /* ember */
  --off-white: #F5F1E8;  /* canvas */
  --border: #E5DED0;
  --gray: #6B6560;       /* stone */
}
body.listing-page { background: #FDFBF7; }
body.listing-page .site-header { font-size: 15px; }

/* Contrast (WCAG AA): campfire buttons and bars use the darker shade with white text. */
body.listing-page .coming-soon-bar,
body.listing-page .hero-cta,
body.listing-page .notify-btn,
body.listing-page .sticky-cta-btn { background: #A8633A; color: #fff; }
body.listing-page .hero-cta:hover,
body.listing-page .notify-btn:hover,
body.listing-page .sticky-cta-btn:hover { background: #8F5230; color: #fff; }