:root {
  --cream: #FBF8F1;
  --cream-2: #F2ECDD;
  --ink: #17251C;
  --green-dark: #0E3320;
  --green: #1B6B35;
  --gold: #E3BF1E;
  --gold-light: #F0CE3A;
  --gold-soft: #F3E39A;
  --text-body: #2B3A30;
  --text-muted: #596459;
  --border: #DED3B8;
  --border-2: #C9BC9A;
  --border-3: #B8AC8C;
  --error: #A8321F;
  --error-bg: #FBEDE9;
  --error-border: #E5B8AD;
  --font-sans: 'Hanken Grotesk', system-ui, sans-serif;
  --font-serif: 'Newsreader', serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--green); text-decoration: none; }
a:hover { color: var(--green-dark); }
::selection { background: var(--gold); color: var(--ink); }
input, textarea, select, button { font-family: inherit; }
img { max-width: 100%; display: block; }
button { cursor: pointer; }