:root {
  --color-primary: #31471F;
  --color-primary-d: #223216;
  --color-primary-l: #E8EBDD;
  --color-primary-reverse: #FFFFFF;
  --color-accent: #5A351C;
  --color-accent-d: #402514;
  --color-accent-l: #F2E9E2;
  --color-text: #2C251E;
  --color-body: #FFFFFF;
  --color-grey: #F7F6F2;
}
.s-button-primary,
button.s-button-primary,
salla-button[type="primary"]::part(button) {
  background-color: #31471F !important;
  border-color: #31471F !important;
  color: #FFFFFF !important;
}
.s-button-primary:hover,
button.s-button-primary:hover,
salla-button[type="primary"]:hover::part(button) {
  background-color: #223216 !important;
  border-color: #223216 !important;
  color: #FFFFFF !important;
}
body, .s-block, .main-content, .s-products-list-wrapper {
  background-color: #FFFFFF;
}
/* Product-card Add to Cart: dark background and white content at all times */
.s-product-card .s-button-outline,
.s-product-card .s-button-outline button,
.s-product-card .s-button-outline::part(button),
.s-product-card .s-button-wrap,
.s-product-card .s-button-wrap button,
.s-product-card salla-add-product-button,
.s-product-card salla-add-product-button::part(button) {
  background-color: #31471F !important;
  border-color: #31471F !important;
  color: #FFFFFF !important;
}
.s-product-card .s-button-outline svg,
.s-product-card .s-button-outline i,
.s-product-card .s-button-outline [class*="shopping"],
.s-product-card .s-button-outline [class*="cart"],
.s-product-card .s-button-wrap svg,
.s-product-card .s-button-wrap i,
.s-product-card salla-add-product-button svg,
.s-product-card salla-add-product-button i {
  color: #FFFFFF !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
.s-product-card .s-button-outline:hover,
.s-product-card .s-button-outline:hover button,
.s-product-card .s-button-outline:hover::part(button),
.s-product-card .s-button-wrap:hover,
.s-product-card .s-button-wrap:hover button,
.s-product-card salla-add-product-button:hover,
.s-product-card salla-add-product-button:hover::part(button) {
  background-color: #223216 !important;
  border-color: #223216 !important;
  color: #FFFFFF !important;
}