::selection {
  color: var(--color-gray-80);
  background-color: var(--color-green-90);
}

body {
  font-family: var(--body-font-family);
  font-size: var(--body-font-family);
  line-height: var(--body-line-height);
  color: var(--color-white);
  background-color: var(--color-gray-95);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  font-family: var(--heading-font-family);
  line-height: var(--heading-line-height);
}

h1 {
  font-size: var(--heading1-font-size);
}

h2 {
  font-size: var(--heading2-font-size);
}

h3 {
  font-size: var(--heading3-font-size);
}

h4 {
  font-size: var(--heading4-font-size);
}

h5 {
  font-size: var(--heading5-font-size);
}

h6 {
  font-size: var(--heading6-font-size);
}

p {
  margin-top: 16px;
}

button {
  font-family: var(--body-font-family);
  cursor: pointer;
}

button[disabled] {
  cursor: not-allowed;
}

a {
  text-decoration: none;
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}