:root {
  --brand: #6b4423;
  --brand-dark: #7a5534;
  --header-bg: #fffbf7;
  --header-ink: #2a1a0e;
  --accent: #b35c1e;
  --font-display: "Source Serif 4", Georgia, serif;
  --bg: #f8f3ec;
  --footer-bg: #f1e9df;
}
.hero-bg {
  background:
    linear-gradient(115deg, rgba(62, 40, 22, .68) 12%, rgba(62, 40, 22, .38) 48%, rgba(62, 40, 22, .14) 78%, rgba(62, 40, 22, .06)),
    var(--hero-image, none) center/cover no-repeat,
    linear-gradient(160deg, #7a5534, #6b4423 55%, #8a5a30);
}
.page-hero-bg {
  background:
    linear-gradient(120deg, rgba(62, 40, 22, .62), rgba(62, 40, 22, .32)),
    var(--hero-image, none) center/cover no-repeat;
}