/* ==========================================================================
   Hunter Office Furniture – Brand Layer
   Amber / dark charcoal theme
   ========================================================================== */

:root {
  --color-primary: #efa203;
  --color-primary-dark: #c98900;
  --color-primary-light: #fff3cd;
  --color-secondary: #393939;
  --color-accent: #f5f5f5;
  --color-sale: #dd3629;
  --color-new: #efa203;

  --color-header-bg: #393939;
  --color-header-text: #ffffff;
  --color-topbar-bg: #2a2a2a;
  --color-topbar-text: #cccccc;
  --color-footer-bg: #393939;
  --color-footer-text: #aaaaaa;
  --color-body-text: #393939;
}

/* Primary nav bar */
.main-nav {
  background-color: var(--color-primary);
}

/* Hero overlay tint */
.hero-carousel .carousel-item {
  background-color: #393939;
}
.hero-carousel .carousel-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(57,57,57,0.75), rgba(57,57,57,0.85));
}

/* Collection card overlay tint */
.collection-card::before {
  background: linear-gradient(to top, rgba(57,57,57,0.75), transparent);
}

/* CTA button – white on dark sections */
.delivery-banner .btn-primary {
  background-color: #ffffff;
  color: var(--color-primary);
  border-color: #ffffff;
}
.delivery-banner .btn-primary:hover {
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
}

/* Testimonial accent */
.testimonial-card::before {
  content: '\201C';
  font-size: 4rem;
  line-height: 1;
  color: var(--color-primary-light);
  font-family: Georgia, serif;
  position: absolute;
  top: 0.5rem;
  left: 1rem;
}
.testimonial-card {
  position: relative;
}