:root {
  --paper: #f8f5ec;
  --ink: #1d2b3a;
  --ink-soft: rgb(29 43 58 / 62%);
}

html {
  background: var(--paper);
  color: var(--ink);
}

body {
  margin: 0 auto;
  max-width: 40rem;
  padding: 1.5rem;
  font-family: ui-sans-serif, system-ui, sans-serif;
  line-height: 1.5;
}

a {
  color: var(--ink);
}

.kicker {
  margin: 0 0 0.5rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: var(--ink-soft);
}

nav {
  margin: 0.75rem 0 1.5rem;
}

footer {
  margin-top: 2.5rem;
  color: var(--ink-soft);
}