:root {
  --nbd-cream: #faf6f0;
  --nbd-ink: #2a2420;
  --nbd-ink-soft: #5c5148;
  --nbd-taupe: #a9927d;
  --nbd-taupe-dark: #8a7561;
  --nbd-blush: #ece1d8;
  --nbd-gold: #b8935f;
}

body {
  background-color: var(--nbd-cream) !important;
  color: var(--nbd-ink) !important;
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif !important;
}

h1, h2, h3, .site-title, .storefront-breadcrumb {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: var(--nbd-ink) !important;
}

a {
  color: var(--nbd-taupe-dark);
}

a:hover {
  color: var(--nbd-ink);
}

.site-header,
.site-footer,
.storefront-primary-navigation {
  background-color: var(--nbd-cream) !important;
  border-color: var(--nbd-blush) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.price {
  color: var(--nbd-taupe-dark) !important;
}

.button,
button,
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: var(--nbd-ink) !important;
  color: var(--nbd-cream) !important;
  border: none !important;
  border-radius: 999px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.85rem;
  padding: 0.75rem 1.75rem !important;
  transition: background-color 0.2s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--nbd-taupe-dark) !important;
}

.woocommerce-checkout #payment,
.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-account .woocommerce-MyAccount-content {
  background-color: #ffffff;
  border: 1px solid var(--nbd-blush);
  border-radius: 8px;
  padding: 1.5rem;
}

.woocommerce-billing-fields input,
.woocommerce-shipping-fields input,
.woocommerce-additional-fields input,
.woocommerce-additional-fields textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
  border-radius: 4px !important;
  border: 1px solid var(--nbd-taupe) !important;
}

#payment .payment_methods {
  border-top-color: var(--nbd-blush) !important;
}