/* Túi Vải Đay — sitewide palette derived from the approved logo. */
:root {
  --dq-primary: #004818;
  --dq-secondary: #a86030;
  --dq-brand-green: #004818;
  --dq-brand-jute: #a86030;
  --dq-brand-cream: #f7f1e7;
  --dq-brand-cream-soft: #fcfaf6;
  --dq-brand-ink: #1c2f23;
  --dq-border: #ded6c9;
}

body.dq-tuivaigiare-site,
body.dq-tuivaigiare-site.home {
  --dq-primary: #004818;
  --dq-secondary: #a86030;
  --dq-wp-green: #004818;
  --dq-wp-green-soft: #1f6339;
  --dq-wp-sage: #7d8f68;
  --dq-wp-cream: #f7f1e7;
  --dq-wp-paper: #fcfaf6;
  --dq-wp-ink: #1c2f23;
  color: var(--dq-brand-ink);
  background: var(--dq-brand-cream-soft);
}

body.dq-tuivaigiare-site :is(a:hover, a:focus-visible) { color: var(--dq-brand-jute); }
body.dq-tuivaigiare-site :is(.dq-btn, .dq-load-more, button[type="submit"], input[type="submit"]) {
  border-color: var(--dq-brand-green);
  background: var(--dq-brand-green);
}
body.dq-tuivaigiare-site :is(.dq-btn, .dq-load-more):hover {
  border-color: var(--dq-brand-jute);
  background: var(--dq-brand-jute);
  color: #fff;
}

body.dq-tuivaigiare-site .dq-topbar,
body.dq-tuivaigiare-site.home .dq-topbar { background: var(--dq-brand-green); }
body.dq-tuivaigiare-site .dq-menu :is(a:hover, a:focus-visible),
body.dq-tuivaigiare-site .dq-menu .current-menu-item > a,
body.dq-tuivaigiare-site .dq-menu .current-menu-ancestor > a,
body.dq-tuivaigiare-site.home .dq-menu :is(a:hover, a:focus-visible),
body.dq-tuivaigiare-site.home .dq-menu .current-menu-item > a { color: var(--dq-brand-jute); }
body.dq-tuivaigiare-site.home .dq-menu a::after { background: var(--dq-brand-jute); }
body.dq-tuivaigiare-site .dq-header-main--desktop .search-form::before { background: var(--dq-brand-jute); }
body.dq-tuivaigiare-site .dq-header-main--desktop .search-field:focus {
  box-shadow: 0 0 0 2px rgba(0,72,24,.2), 0 4px 16px rgba(28,47,35,.12);
}

body.home .dq-banner-slider__track {
  background: var(--dq-brand-cream);
  aspect-ratio: 2048 / 770;
}
body.home .dq-banner-slider .dq-slider-prev,
body.home .dq-banner-slider .dq-slider-next {
  border-color: rgba(0,72,24,.2);
  color: var(--dq-brand-green);
}
body.home .dq-media-story,
body.home .dq-category-carousel,
body.home .dq-section--blog_posts { background: var(--dq-brand-cream-soft); }
body.home .dq-product-rows,
body.home .dq-section--gallery { background: var(--dq-brand-cream); }
body.home .dq-home-feature-band,
body.home .dq-stats { background-color: var(--dq-brand-green); }
body.home :is(.dq-section-title, .dq-library-heading h2, .dq-media-story h2, .dq-home-heading h2, .dq-product-rows__intro h2) {
  color: var(--dq-brand-ink);
}
body.home .dq-home-feature-band__content .dq-home-heading h2 {
  color: #fff8ec;
  text-wrap: balance;
  text-shadow: 0 3px 18px rgba(0, 22, 8, .28);
}
body.home .dq-home-feature-band__content .dq-home-heading h2::after {
  display: block;
  width: 76px;
  height: 3px;
  margin: 16px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #d6a66d 22%, #f1d1a6 50%, #d6a66d 78%, transparent);
  content: "";
}
body.home :is(.dq-library-eyebrow, .dq-home-eyebrow, .dq-media-story__lead, .dq-product-contact) { color: var(--dq-brand-jute); }
body.home :is(.dq-category-carousel__card, .dq-card, .dq-logo-card) { border-color: #ded6c9; }
body.home :is(.dq-category-carousel__card, .dq-card) { box-shadow: 0 12px 30px rgba(0,72,24,.07); }

body.dq-tuivaigiare-site .dq-site-footer {
  background: linear-gradient(135deg, #003713 0%, #004818 58%, #173f24 100%);
}
body.dq-tuivaigiare-site .dq-site-footer__links a:hover,
body.dq-tuivaigiare-site .dq-site-footer__company > h2,
body.dq-tuivaigiare-site .dq-site-footer__locations h3,
body.dq-tuivaigiare-site .dq-site-footer__locations p span,
body.dq-tuivaigiare-site .dq-site-footer__connect-card b { color: #e0ad72; }
body.dq-tuivaigiare-site .dq-site-footer__socials a:hover { color: var(--dq-brand-jute); }
body.dq-tuivaigiare-site .dq-site-footer__contact-strip,
body.dq-tuivaigiare-site .dq-site-footer .dq-site-footer__contact-strip :is(p, a),
body.dq-tuivaigiare-site .dq-site-footer__contact-strip strong { color: var(--dq-brand-green); }

body.dq-tuivaigiare-site .dq-floating-contact { --dq-contact-group: #004818; --dq-contact-phone: #a86030; }

@media (prefers-reduced-motion: reduce) {
  body.dq-tuivaigiare-site *, body.dq-tuivaigiare-site *::before, body.dq-tuivaigiare-site *::after {
    scroll-behavior: auto !important;
  }
}