Heading 1

.heading {
  color: var(--grey-700);
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-weight: 700;
  margin: 0;
  margin-bottom: 12px;
}

.heading--1 {
  font-size: 30px;
}

Heading 2

.heading {
  color: var(--grey-700);
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-weight: 700;
  margin: 0;
  margin-bottom: 12px;
}

.heading--2 {
  font-size: 24px;
}

Heading 3

.heading {
  color: var(--grey-700);
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-weight: 700;
  margin: 0;
  margin-bottom: 12px;
}

.heading--3 {
  font-size: 19px;
}

Paragraph 1

.paragraph {
  color: var(--grey-700);
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
}

.paragraph--1 {
  font-size: 16px;
}

Paragraph 2

.paragraph {
  color: var(--grey-700);
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
}

.paragraph--2 {
  font-size: 16px;
  color: var(--grey-600);
}

Paragraph Light

.paragraph {
  color: var(--grey-700);
  font-family: "Atkinson Hyperlegible Next", sans-serif;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
}

.paragraph--light {
  font-weight: 400;
}