:root {
  --color-text: #17211d;
  --color-background: #f5f4ef;
  --color-surface: #fffefa;
  --color-muted: #49574e;
  --color-subtle: #52715b;
  --color-border: #d6d8d1;
  --color-input-border: #b8c1b7;
  --color-action: #254d31;
  --color-action-text: white;
  --color-wash-green: #d8e8d3;
  --color-wash-gold: #f0dfbf;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-sans: ui-sans-serif, system-ui, sans-serif;
  --shadow-card: 0 1rem 3rem rgb(23 33 29 / 8%);
  color: var(--color-text);
  background: var(--color-background);
  font-family: var(--font-display);
}

* { box-sizing: border-box; }
body { margin: 0; }
h1, h2 { margin: 0; }
h1 { font-weight: 400; }
ul { margin: 0; padding: 0; list-style: none; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}