html {
  --font-size: 18px;
  --line-height: 1.5em;
  font-family: var(--font-secondary);
  font-size: var(--font-size, var(--s0));
  line-height: var(--line-height, var(--s3));
  font-family: var(--font-secondary);
  font-weight: 400;
  letter-spacing: .01rem;
}

body {
  margin: 0;
  color: var(--color);
}

h1, h2, h3, h4, h5 {
  --line-height: 1.3em;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 600;
  color: var(--heading-color, inherit);
}

h1 {
  font-size: var(--s4);
  line-height: var(--line-height);
}

h2 {
  font-size: var(--s3);
  line-height: var(--line-height);
}

h3 {
  font-size: var(--s2);
  line-height: var(--line-height);
}

h4 {
  font-size: var(--s1);
  line-height: var(--line-height);
}

h5 {
  font-size: var(--s0);
  line-height: var(--line-height);
}

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

p {
  margin: 0;
  color: var(--color);
}

p + p {
  margin-top: var(--s0);
}

img {
  max-inline-size: 100%;
}

code {
  border: 1px solid #aaa;
  background: #eee;
  padding: var(--s-5);
  color: #000;
}

.caption {
  font-size: var(--s-1);
  line-height: var(--s0);
  padding: var(--s0) var(--s1);
}

.accent {
  color: var(--accent-color);
}
