:root {
  --ink: #8f1d2c;
  --orange: #c73632;
  --yellow: #efbd5b;
  --cream: #f8efe7;
  --paper: #fffaf6;
  --sage: #ead5cd;
  --line: #dfccc4;
  --muted: #75655f;
  --shadow: 0 18px 50px rgba(95, 20, 29, 0.14);
}

.site-header {
  background: rgba(255, 250, 246, 0.94);
}

.brand-logo {
  width: 190px;
  height: 72px;
}

.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-logo {
  display: block;
  width: min(280px, 100%);
  height: auto;
  margin-bottom: 18px;
}

.hero-copy > p:not(.eyebrow) {
  color: #715f59;
}

.primary {
  background: var(--ink);
  box-shadow: 0 8px 0 rgba(91, 17, 27, 0.18);
}

.category-card:nth-child(1) .category-art {
  background: #b92838;
  color: #ffd7d3;
}

.category-card:nth-child(2) .category-art {
  background: #ead5cd;
  color: #a62a38;
}

.category-card:nth-child(3) .category-art {
  background: #efbd5b;
  color: #8f1d2c;
}

.category-card:nth-child(4) .category-art {
  background: #cc7564;
  color: #fff1e8;
}

.story,
footer {
  background: #721725;
}

footer {
  color: #fff5f1;
}

footer a,
footer p {
  color: #e4c8c2;
}

.footer-bottom {
  border-color: #98404c;
  color: #d4aaa5;
}

.recipe-card {
  background-image:
    linear-gradient(90deg, rgba(112, 20, 35, 0.97), rgba(112, 20, 35, 0.48)),
    url('https://images.unsplash.com/photo-1619096252214-ef06c45683e3?auto=format&fit=crop&w=1600&q=85');
}

.ui-backdrop {
  background: rgba(73, 12, 21, 0.52);
}

.stock {
  color: #9d2937;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 138px;
    height: 60px;
  }

  .footer-logo {
    width: 230px;
  }
}