html{
  scroll-behavior: smooth;
  font-size: var(--root-font-size);
}

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

.wp-site-blocks,
.site,
.site-content{
  max-width: var(--container);
  margin: 0 auto;
  padding-left: var(--space-5);
  padding-right: var(--space-5);
}

h1{
  font-family: var(--font-serif);
  font-size: var(--h1-size);
  margin: var(--space-6) 0 var(--space-4);
}

h2{
  font-size: var(--h2-size);
  margin: var(--space-6) 0 var(--space-3);
}

p{
  margin: 0 0 var(--space-4);
}

@media (min-width: 1024px){
  body{
    line-height: 1.95;
  }
}