body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  line-height: var(--leading);
  letter-spacing: var(--tracking);
}

.site-header,
.site-footer {
  width: min(100% - 2rem, var(--content-max));
  margin-inline: auto;
}

.site-header,
.site-footer {
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border);
}

.site-footer {
  border-bottom: 0;
  border-top: 1px solid var(--color-border);
  margin-top: var(--space-4);
}

.main {
  width: 100%;
  margin: 0;
  padding: 0;
}