:root {
  --brand: #1f5c45;
  --brand-dark: #2d6b52;
  --header-bg: #f7fbf8;
  --header-ink: #10271d;
  --accent: #b8860b;
  --font-display: "Source Serif 4", Georgia, serif;
  --font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --bg: #f3f6f2;
  --footer-bg: #e8efe9;
}
.hero-bg {
  background:
    linear-gradient(120deg, rgba(16, 39, 29, .66) 12%, rgba(16, 39, 29, .36) 48%, rgba(16, 39, 29, .14) 78%, rgba(16, 39, 29, .06)),
    var(--hero-image, none) center/cover no-repeat,
    linear-gradient(160deg, #2d6b52, #1f5c45 60%, #3a7a5e);
}
.page-hero-bg {
  background:
    linear-gradient(120deg, rgba(16, 39, 29, .62), rgba(16, 39, 29, .32)),
    var(--hero-image, none) center/cover no-repeat;
}