:root {
  --lots-marsh: #b8a68c;
  --lots-sand: #f0e6d2;
  --lots-sky: #c7d9ed;
  --lots-ink: #3a2f25;
  --lots-accent: #c09e7b;
  --lots-water: #6d8ba3;
  --lots-paper: #fffaf5;
  --lots-border: #e6d9c2;
  --lots-font-body: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --lots-font-ui: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.site-header {
  background: linear-gradient(180deg, #4a3f32 0%, #5d4e3d 100%);
}

.site-footer {
  background: linear-gradient(180deg, rgba(255, 250, 245, 0.76) 0%, rgba(240, 230, 210, 0.76) 100%);
}