@import "@Themes/constants.scss";
@import "@Themes/modes.scss";

.root {
	color: var(--color-generic-black);
	vertical-align: center;
	font-family: "Inter", sans-serif;
	&.H1-60 {
		font-style: normal;
		font-weight: 500;
		font-size: 56px;
		line-height: 67.2px;

		@media (max-width: $screen-m) {
			font-size: 48px;
			line-height: 56.7px;
		}
	}

	&.H1-bis-40 {
		font-style: normal;
		font-weight: 500;
		font-size: 40px;
		line-height: 48px;
	}

	&.H2-30 {
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 36px;
	}

	&.H3-24 {
		font-style: normal;
		font-weight: 600;
		font-size: 24px;
		line-height: 29px;
	}

	&.Paragraphe-semibold-18 {
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.5px;
	}

	&.Paragraphe-simple-18 {
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 22px;
	}

	&.Paragraphe-MAJ-18 {
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 22px;
		text-transform: uppercase;
	}

	&.Nav-header-off-18 {
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.5px;
		color: var(--color-neutral-500);
	}

	&.Paragraphe-18-error {
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 0.5px;
	}

	&.Paragraphe-semibold-16 {
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.5px;
	}

	&.Nav-input-off-16 {
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.5px;
		color: var(--color-neutral-500);
	}

	&.Paragraphe-simple-16 {
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.005em;
	}

	&.Paragraphe-16-error {
		color: var(--color-error-800;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.5px;
	}

	&.Caption_14 {
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0.5px;
	}

	&.Caption_14-semibold {
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0.5px;
	}

	&.color-error-800 {
		color: var(--color-error-800;
	}

	&.color-neutral-500 {
		color: var(--color-neutral-500);
	}

	&.color-generic-black {
		color: var(--color-generic-black);
	}

	&.color-primary-500 {
		color: var(--color-primary-500);
	}

	&.color-secondary-500 {
		color: var(--color-secondary-500);
	}

	&.color-success-600 {
		color: var(--color-success-600);
	}

	&.color-error-600 {
		color: var(--color-error-600);
	}

	&.color-warning-500 {
		color: var(--color-warning-500);
	}

	&.white {
		color: var(--color-generic-white);
	}
}