// =============== Common ===============
.typography-paragraph() {
	margin-bottom: 1em;
}

.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @letterSpacing: 0;) {
	color: @headingColor;
	font-weight: @fontWeight;
	font-size: @fontSize;
	line-height: @lineHeight;
	letter-spacing: @letterSpacing;
}

.typography-title-1() {
	.typography-title(
    @heading-1-size,
    @font-weight-regular,
    @heading-1-line-height,
    @heading-color,    
    0.25px
  );
}

.typography-title-2() {
	.typography-title(
    @heading-2-size,
    @font-weight-regular,
    @heading-2-line-height,
    @heading-color,
    0.25px
  );
}

.typography-title-3() {
	.typography-title(
    @heading-3-size,
    @font-weight-regular,
    @heading-3-line-height,
    @heading-color,
    0.25px
  );
}

.typography-title-4() {
	.typography-title(
    @heading-4-size,
    @font-weight-regular,
    @heading-4-line-height,
    @heading-color,
    0
  );
}

.typography-title-5() {
	.typography-title(
    @heading-5-size,
    @font-weight-regular,
    @heading-5-line-height,
    @heading-color,
    0.15px
  );
}

.typography-title-6() {
	.typography-title(
    @heading-6-size,
    @font-weight-medium,
    @heading-6-line-height,
    @heading-color,
    0.15px
  );
}

.typography-subtitle-1() {
	.typography-title(
    @font-size-lg,
    @font-weight-semibold,
    24px,
    @heading-color,
    0.5px
  );
}

.typography-subtitle-2() {
	.typography-title(
    @font-size-base,
    @font-weight-semibold,
    24px,
    @heading-color,
    0.4px
  );
}

.typography-paragraph-1() {
	.typography-title(
    @font-size-lg,
    @font-weight-regular,
    28px,
    @text-color,
    0.5px
  );
}

.typography-paragraph-2() {
	.typography-title(
    @font-size-base,
    @font-weight-regular,
    24px,
    @text-color,
    0.4px
  );
}

.typography-paragraph-3() {
	.typography-title(
        @font-size-md,
        @font-weight-regular,
        22px,
        @text-color,
        0.4px
    );
}

.typography-paragraph-4() {
	.typography-title(
        @font-size-sm,
        @font-weight-regular,
        20px,
        @text-color,
        0.4px
    );
}

.typography-button() {
	font-weight: @font-weight-regular;
	font-size: @font-size-base;
	line-height: 24px;
	letter-spacing: 1.25px;
}

.typography-caption() {
	.typography-paragraph-3();
}

.typography-overline() {
	.typography-paragraph-4();
}