:root {
  --forest: #171717;
  --forest2: #080808;
  --cream: #f3eee4;
  --paper: #fcfaf5;
  --ink: #17130d;
  --muted: #71695e;
  --gold: #b88a44;
  --line: rgba(42, 31, 17, 0.16);
}

.announcement,
.hero,
.page-hero,
.story-copy,
.site-footer {
  background-color: #080808;
  background-image: linear-gradient(145deg, rgba(184, 138, 68, 0.07), transparent 42%);
}

.hero,
.page-hero {
  border-bottom: 1px solid rgba(184, 138, 68, 0.35);
}

.button,
.chip.active {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}

.product-image,
.cart-items,
.cart-summary,
.auth-card,
.order-card {
  border: 1px solid rgba(184, 138, 68, 0.18);
}

.product-card:hover .product-image {
  box-shadow: 0 25px 60px rgba(19, 14, 8, 0.18);
}