// set defaults

h1, h2, h3, h4, p {
  margin: 0;
}

h1 {
 font-size: 2.5em;
}

h2 {
  font-size: xx-large;
}

h3 {
  font-size: x-large;
  font-weight: bold;
}

p, body, button, input, textarea, label, select, option {
  font-family: 'Lekton', monospace;
  font-size: large;
}

.text--extra-large {
  font-size: 2.5em;
}

.text--large {
  font-size: x-large;
}

.text--small {
  font-size: medium;
}

.text--extra-small {
  font-size: small;
}

.text--underline {
  text-decoration: underline;
}

.text--primary {
  color: $primary-color;
}

.text--secondary {
  color: $secondary-color;
}

.text--tertiary {
  color: $tertiary-color;
}

.text--interactive {
  color: $interactive-color;
}

.text--failure {
  color: $failure-color;
}

.text--success {
  color: $success-color;
}