@heading-font-1: 28px;
@heading-font-2: 24px;
@heading-font-3: 20px;
@heading-font-4: 16px;
@heading-font-5: 14px;

@body-font-1: 14px;
@body-font-2: 13px;
@body-font-3: 12px;
@body-font-4: 10px;

.base-font-regular() {
  font-family: OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.base-font-italic() {
  font-family: OpenSans-Italic, OpenSans-Regular, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.base-font-semibold() {
  font-family: OpenSans-Semibold, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.font-error() {
  color: @red;
}

.heading-1() {
  .base-font-regular;
  font-size: @heading-font-1;
}

.heading-2() {
  .base-font-regular;
  font-size: @heading-font-2;
}

.heading-3 {
  .base-font-regular;
  font-size: @heading-font-3;
}

.heading-4 {
  .base-font-regular;
  font-size: @heading-font-4;
}

.heading-4-emphasis {
  .base-font-semibold;
  font-size: @heading-font-4;
}

.heading-5 {
  .base-font-semibold;
  font-size: @heading-font-5;
}

.body-1 {
  .base-font-regular;
  font-size: @body-font-1;
}

.body-1-italic {
  .base-font-italic;
  font-size: @body-font-1;
}

.body-2 {
  .base-font-regular;
  font-size: @body-font-2;
}

.body-2-emphasis {
  .base-font-semibold;
  font-size: @body-font-2;
}

.body-3 {
  .base-font-regular;
  font-size: @body-font-3;
}
.body-3-emphasis {
  .base-font-semibold;
  font-size: @body-font-3;
}

.body-4 {
  .base-font-regular;
  font-size: @body-font-4;
}