:root {
  --bg: #f7f4ee;
  --panel: #fffdfa;
  --text: #191714;
  --muted: #655f56;
  --line: #d8d0c3;
  --input-bg: #ffffff;
  --list-bg: #ffffff;
  --header-bg: rgba(247, 244, 238, 0.9);
  --header-bg-solid: rgba(247, 244, 238, 0.98);
  --logo-line: rgba(25, 23, 20, 0.22);
  --button-line: #191714;
  --button-text: #191714;
  --secondary-bg: rgba(255, 255, 255, 0.56);
  --entry-overlay: linear-gradient(90deg, rgba(247,244,238,0.9), rgba(247,244,238,0.7), rgba(247,244,238,0.2));
  --hero-overlay: linear-gradient(90deg, rgba(247,244,238,0.92), rgba(247,244,238,0.68), rgba(247,244,238,0.18));
  --hero-copy: #312d28;
}

.site-nav a:hover,
.primary-button:hover,
.secondary-button:hover {
  background: rgba(184, 20, 30, 0.08);
}