@import "./colors.css";

:root{
	/* TYPOGRAPHY */

	/* FONT-SIZE-12 */

	--font-size-12: 0.75rem;

	.font-size-12 {
		font-size: var(--font-size-12) !important;
	}

	/* FONT-SIZE-14 */

	--font-size-14: 0.875rem;

	.font-size-14 {
		font-size: var(--font-size-14) !important;
	}

	/* FONT-SIZE-16 */

	--font-size-16: 1rem;

	.font-size-16 {
		font-size: var(--font-size-16) !important;
	}

	/* FONT-SIZE-18 */

	--font-size-18: 1.125rem;

	.font-size-18 {
		font-size: var(--font-size-18) !important;
	}

	/* FONT-SIZE-20 */

	--font-size-20: 1.25rem;

	.font-size-20 {
		font-size: var(--font-size-20) !important;
	}

	/* FONT-SIZE-24 */

	--font-size-24: 1.5rem;

	.font-size-24 {
		font-size: var(--font-size-24) !important;
	}

	/* FONT-SIZE-28 */

	--font-size-28: 1.75rem;

	.font-size-28 {
		font-size: var(--font-size-28) !important;
	}

	/* FONT-SIZE-36 */

	--font-size-36: 2.25rem;

	.font-size-36 {
		font-size: var(--font-size-36) !important;
	}

	/* FONT-SIZE-40 */

	--font-size-40: 2.5rem;

	.font-size-40 {
		font-size: var(--font-size-40) !important;
	}

	/* FONT-SIZE-48 */

	--font-size-48: 3rem;

	.font-size-48 {
		font-size: var(--font-size-48) !important;
	}

	/* FONT-SIZE-64 */

	--font-size-64: 4rem;

	.font-size-64 {
		font-size: var(--font-size-64) !important;
	}

	/* FONT-SIZE-72 */

	--font-size-72: 4.5rem;

	.font-size-72 {
		font-size: var(--font-size-72) !important;
	}

	/* LINE-HEIGHT-16 */

	--line-height-16: 1rem;

	.line-height-16 {
		line-height: var(--line-height-16) !important;
	}

	/* LINE-HEIGHT-20 */

	--line-height-20: 1.25rem;

	.line-height-20 {
		line-height: var(--line-height-20) !important;
	}

	/* LINE-HEIGHT-24 */

	--line-height-24: 1.5rem;

	.line-height-24 {
		line-height: var(--line-height-24) !important;
	}

	/* LINE-HEIGHT-28 */

	--line-height-28: 1.75rem;

	.line-height-28 {
		line-height: var(--line-height-28) !important;
	}

	/* LINE-HEIGHT-32 */

	--line-height-32: 2rem;

	.line-height-32 {
		line-height: var(--line-height-32) !important;
	}

	/* LINE-HEIGHT-35 */

	--line-height-35: 2.188rem;

	.line-height-35 {
		line-height: var(--line-height-35) !important;
	}

	/* LINE-HEIGHT-40 */

	--line-height-40: 2.5rem;

	.line-height-40 {
		line-height: var(--line-height-40) !important;
	}

	/* LINE-HEIGHT-44 */

	--line-height-44: 2.75rem;

	.line-height-44 {
		line-height: var(--line-height-44) !important;
	}

	/* LINE-HEIGHT-50 */

	--line-height-50: 3.125rem;

	.line-height-50 {
		line-height: var(--line-height-50) !important;
	}

	/* LINE-HEIGHT-68 */

	--line-height-68: 4.25rem;

	.line-height-68 {
		line-height: var(--line-height-68) !important;
	}

	/* LINE-HEIGHT-72 */

	--line-height-72: 4.5rem;

	.line-height-72 {
		line-height: var(--line-height-72) !important;
	}

	/* FONT-WEIGHT-THIN */

	--font-weight-thin: 100;

	.font-weight-thin {
		font-weight: var(--font-weight-thin) !important;
	}

	/* FONT-WEIGHT-EXTRALIGHT */

	--font-weight-extralight: 200;

	.font-weight-extralight {
		font-weight: var(--font-weight-extralight) !important;
	}

	/* FONT-WEIGHT-LIGHT */

	--font-weight-light: 300;

	.font-weight-light {
		font-weight: var(--font-weight-light) !important;
	}

	/* FONT-WEIGHT-REGULAR */

	--font-weight-regular: 400;

	.font-weight-regular {
		font-weight: var(--font-weight-regular) !important;
	}

	/* FONT-WEIGHT-MEDIUM */

	--font-weight-medium: 500;

	.font-weight-medium {
		font-weight: var(--font-weight-medium) !important;
	}

	/* FONT-WEIGHT-DEMIBOLD */

	--font-weight-demibold: 600;

	.font-weight-demibold {
		font-weight: var(--font-weight-demibold) !important;
	}

	/* FONT-WEIGHT-BOLD */

	--font-weight-bold: 700;

	.font-weight-bold {
		font-weight: var(--font-weight-bold) !important;
	}

	/* FONT-WEIGHT-EXTRABOLD */

	--font-weight-extrabold: 800;

	.font-weight-extrabold {
		font-weight: var(--font-weight-extrabold) !important;
	}

	/* FONT-WEIGHT-BLACK */

	--font-weight-black: 900;

	.font-weight-black {
		font-weight: var(--font-weight-black) !important;
	}

	/* FONT-FAMILY-DEFAULT */

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

	.font-family-default {
		font-family: var(--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: var(--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: var(--font-family-default-condensed) !important;
	}

	/* FONT-FAMILY-CODE */

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

	.font-family-code {
		font-family: var(--font-family-code) !important;
	}

	/* BODY-TEXT-BOLD */

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

	/* BODY-TEXT-REGULAR */

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

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

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

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

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

	/* DISPLAY-BODY-PRIMARY-REGULAR */

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

	/* DISPLAY-BODY-PRIMARY-BOLD */

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

	/* DISPLAY-BODY-SECONDARY-REGULAR */

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

	/* DISPLAY-BODY-SECONDARY-BOLD */

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

	/* DISPLAY-BODY-TERTIARY-REGULAR */

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

	/* DISPLAY-BODY-TERTIARY-BOLD */

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

	/* DISPLAY-HEADING-PRIMARY-REGULAR */

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

	/* DISPLAY-HEADING-PRIMARY-BOLD */

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

	/* DISPLAY-HEADING-SECONDARY-REGULAR */

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

	/* DISPLAY-HEADING-SECONDARY-BOLD */

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

	/* DISPLAY-HEADING-TERTIARY-REGULAR */

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

	/* DISPLAY-HEADING-TERTIARY-BOLD */

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

	/* HEADING-1-REGULAR */

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

	/* HEADING-1-BOLD */

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

	/* HEADING-2-REGULAR */

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

	/* HEADING-2-BOLD */

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

	/* HEADING-3-REGULAR */

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

	/* HEADING-3-BOLD */

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

	/* HEADING-4-REGULAR */

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

	/* HEADING-4-BOLD */

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

	/* HEADING-5-REGULAR */

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

	/* HEADING-5-BOLD */

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

	/* HEADING-6-REGULAR */

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

	/* HEADING-6-BOLD */

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

	/* HELPER-TEXT-REGULAR */

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

	/* HELPER-TEXT-BOLD */

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

	/* INPUT-LABEL-BOLD */

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

	/* INPUT-LABEL-REGULAR */

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

	/* WARNING-TEXT-REGULAR */

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

	/* ERROR-TEXT-REGULAR */

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

}