:root {
  --lots-marsh: #3d4a44;
  --lots-sand: #d8c6b3;
  --lots-sky: #9fb9d1;
  --lots-ink: #1a232a;
  --lots-accent: #5d4839;
  --lots-water: #203a53;
  --lots-paper: #f1eee6;
  --lots-border: #c9c0b2;
  --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, #1a2c37 0%, #253f4d 100%);
}

.site-footer {
  background: linear-gradient(180deg, rgba(241, 238, 230, 0.76) 0%, rgba(236, 230, 218, 0.76) 100%);
}