@import (reference) "./colors.less";

/* TYPOGRAPHY */

/* FONT-SIZE-12 */

@font-size-12: 0.75rem;

.font-size-12 {
	font-size: @font-size-12 !important;
}

/* FONT-SIZE-14 */

@font-size-14: 0.875rem;

.font-size-14 {
	font-size: @font-size-14 !important;
}

/* FONT-SIZE-16 */

@font-size-16: 1rem;

.font-size-16 {
	font-size: @font-size-16 !important;
}

/* FONT-SIZE-18 */

@font-size-18: 1.125rem;

.font-size-18 {
	font-size: @font-size-18 !important;
}

/* FONT-SIZE-20 */

@font-size-20: 1.25rem;

.font-size-20 {
	font-size: @font-size-20 !important;
}

/* FONT-SIZE-24 */

@font-size-24: 1.5rem;

.font-size-24 {
	font-size: @font-size-24 !important;
}

/* FONT-SIZE-28 */

@font-size-28: 1.75rem;

.font-size-28 {
	font-size: @font-size-28 !important;
}

/* FONT-SIZE-36 */

@font-size-36: 2.25rem;

.font-size-36 {
	font-size: @font-size-36 !important;
}

/* FONT-SIZE-40 */

@font-size-40: 2.5rem;

.font-size-40 {
	font-size: @font-size-40 !important;
}

/* FONT-SIZE-48 */

@font-size-48: 3rem;

.font-size-48 {
	font-size: @font-size-48 !important;
}

/* FONT-SIZE-64 */

@font-size-64: 4rem;

.font-size-64 {
	font-size: @font-size-64 !important;
}

/* FONT-SIZE-72 */

@font-size-72: 4.5rem;

.font-size-72 {
	font-size: @font-size-72 !important;
}

/* LINE-HEIGHT-16 */

@line-height-16: 1rem;

.line-height-16 {
	line-height: @line-height-16 !important;
}

/* LINE-HEIGHT-20 */

@line-height-20: 1.25rem;

.line-height-20 {
	line-height: @line-height-20 !important;
}

/* LINE-HEIGHT-24 */

@line-height-24: 1.5rem;

.line-height-24 {
	line-height: @line-height-24 !important;
}

/* LINE-HEIGHT-28 */

@line-height-28: 1.75rem;

.line-height-28 {
	line-height: @line-height-28 !important;
}

/* LINE-HEIGHT-32 */

@line-height-32: 2rem;

.line-height-32 {
	line-height: @line-height-32 !important;
}

/* LINE-HEIGHT-35 */

@line-height-35: 2.188rem;

.line-height-35 {
	line-height: @line-height-35 !important;
}

/* LINE-HEIGHT-40 */

@line-height-40: 2.5rem;

.line-height-40 {
	line-height: @line-height-40 !important;
}

/* LINE-HEIGHT-44 */

@line-height-44: 2.75rem;

.line-height-44 {
	line-height: @line-height-44 !important;
}

/* LINE-HEIGHT-50 */

@line-height-50: 3.125rem;

.line-height-50 {
	line-height: @line-height-50 !important;
}

/* LINE-HEIGHT-68 */

@line-height-68: 4.25rem;

.line-height-68 {
	line-height: @line-height-68 !important;
}

/* LINE-HEIGHT-72 */

@line-height-72: 4.5rem;

.line-height-72 {
	line-height: @line-height-72 !important;
}

/* FONT-WEIGHT-THIN */

@font-weight-thin: 100;

.font-weight-thin {
	font-weight: @font-weight-thin !important;
}

/* FONT-WEIGHT-EXTRALIGHT */

@font-weight-extralight: 200;

.font-weight-extralight {
	font-weight: @font-weight-extralight !important;
}

/* FONT-WEIGHT-LIGHT */

@font-weight-light: 300;

.font-weight-light {
	font-weight: @font-weight-light !important;
}

/* FONT-WEIGHT-REGULAR */

@font-weight-regular: 400;

.font-weight-regular {
	font-weight: @font-weight-regular !important;
}

/* FONT-WEIGHT-MEDIUM */

@font-weight-medium: 500;

.font-weight-medium {
	font-weight: @font-weight-medium !important;
}

/* FONT-WEIGHT-DEMIBOLD */

@font-weight-demibold: 600;

.font-weight-demibold {
	font-weight: @font-weight-demibold !important;
}

/* FONT-WEIGHT-BOLD */

@font-weight-bold: 700;

.font-weight-bold {
	font-weight: @font-weight-bold !important;
}

/* FONT-WEIGHT-EXTRABOLD */

@font-weight-extrabold: 800;

.font-weight-extrabold {
	font-weight: @font-weight-extrabold !important;
}

/* FONT-WEIGHT-BLACK */

@font-weight-black: 900;

.font-weight-black {
	font-weight: @font-weight-black !important;
}

/* FONT-FAMILY-DEFAULT */

@font-family-default: "72", Helvetica Neue, Helvetica, Arial, sans-serif, system-ui;

.font-family-default {
	font-family: @font-family-default !important;
}

/* FONT-FAMILY-DEFAULT-DUPLEX */

@font-family-default-duplex: "72Duplex", Helvetica Neue, Helvetica, Arial, sans-serif, system-ui;

.font-family-default-duplex {
	font-family: @font-family-default-duplex !important;
}

/* FONT-FAMILY-DEFAULT-CONDENSED */

@font-family-default-condensed: "72Condensed", Helvetica Neue, Helvetica, Arial, sans-serif, system-ui;;

.font-family-default-condensed {
	font-family: @font-family-default-condensed !important;
}

/* FONT-FAMILY-CODE */

@font-family-code: "72Mono", monospace;

.font-family-code {
	font-family: @font-family-code !important;
}

/* BODY-TEXT-BOLD */

.body-text-bold {
	font-size: @font-size-16 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-20 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* BODY-TEXT-REGULAR */

.body-text-regular {
	font-size: @font-size-16 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-20 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DATA-VIZ-LARGE-NUMBER-LIGHT */

.data-viz-large-number-light {
	font-size: @font-size-72 !important;
	font-weight: @font-weight-light !important;
	line-height: @line-height-72 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DATA-VIZ-LARGE-NUMBER-SEMIBOLD */

.data-viz-large-number-semibold {
	font-size: @font-size-72 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-72 !important;
	font-family: @font-family-default-duplex !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-BODY-PRIMARY-REGULAR */

.display-body-primary-regular {
	font-size: @font-size-64 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-68 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-BODY-PRIMARY-BOLD */

.display-body-primary-bold {
	font-size: @font-size-64 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-68 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-BODY-SECONDARY-REGULAR */

.display-body-secondary-regular {
	font-size: @font-size-48 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-50 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-BODY-SECONDARY-BOLD */

.display-body-secondary-bold {
	font-size: @font-size-48 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-50 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-BODY-TERTIARY-REGULAR */

.display-body-tertiary-regular {
	font-size: @font-size-40 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-40 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-BODY-TERTIARY-BOLD */

.display-body-tertiary-bold {
	font-size: @font-size-40 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-40 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-HEADING-PRIMARY-REGULAR */

.display-heading-primary-regular {
	font-size: @font-size-64 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-68 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-HEADING-PRIMARY-BOLD */

.display-heading-primary-bold {
	font-size: @font-size-64 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-68 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-HEADING-SECONDARY-REGULAR */

.display-heading-secondary-regular {
	font-size: @font-size-48 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-50 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-HEADING-SECONDARY-BOLD */

.display-heading-secondary-bold {
	font-size: @font-size-48 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-50 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-HEADING-TERTIARY-REGULAR */

.display-heading-tertiary-regular {
	font-size: @font-size-40 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-40 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* DISPLAY-HEADING-TERTIARY-BOLD */

.display-heading-tertiary-bold {
	font-size: @font-size-40 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-40 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-1-REGULAR */

.heading-1-regular {
	font-size: @font-size-36 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-40 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-1-BOLD */

.heading-1-bold {
	font-size: @font-size-36 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-40 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-2-REGULAR */

.heading-2-regular {
	font-size: @font-size-28 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-35 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-2-BOLD */

.heading-2-bold {
	font-size: @font-size-28 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-35 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-3-REGULAR */

.heading-3-regular {
	font-size: @font-size-24 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-32 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-3-BOLD */

.heading-3-bold {
	font-size: @font-size-24 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-32 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-4-REGULAR */

.heading-4-regular {
	font-size: @font-size-20 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-28 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-4-BOLD */

.heading-4-bold {
	font-size: @font-size-20 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-28 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-5-REGULAR */

.heading-5-regular {
	font-size: @font-size-18 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-24 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-5-BOLD */

.heading-5-bold {
	font-size: @font-size-18 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-24 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-6-REGULAR */

.heading-6-regular {
	font-size: @font-size-16 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-20 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HEADING-6-BOLD */

.heading-6-bold {
	font-size: @font-size-16 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-20 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* HELPER-TEXT-REGULAR */

.helper-text-regular {
	font-size: @font-size-12 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-16 !important;
	font-family: @font-family-default !important;
	color: @text-input-helper !important;
}

/* HELPER-TEXT-BOLD */

.helper-text-bold {
	font-size: @font-size-12 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-16 !important;
	font-family: @font-family-default !important;
	color: @text-input-helper !important;
}

/* INPUT-LABEL-BOLD */

.input-label-bold {
	font-size: @font-size-14 !important;
	font-weight: @font-weight-bold !important;
	line-height: @line-height-20 !important;
	font-family: @font-family-default-duplex !important;
	color: @text-generic-primary !important;
}

/* INPUT-LABEL-REGULAR */

.input-label-regular {
	font-size: @font-size-16 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-20 !important;
	font-family: @font-family-default !important;
	color: @text-generic-primary !important;
}

/* WARNING-TEXT-REGULAR */

.warning-text-regular {
	font-size: @font-size-12 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-16 !important;
	font-family: @font-family-default !important;
	color: @text-warning-default !important;
}

/* ERROR-TEXT-REGULAR */

.error-text-regular {
	font-size: @font-size-12 !important;
	font-weight: @font-weight-regular !important;
	line-height: @line-height-16 !important;
	font-family: @font-family-default !important;
	color: @text-danger-default !important;
}