/**
 * Типографика темы (по киту)
 *
 * @package medexpress-by-fin-code
 */

/* H1: 60px, Medium, 92% */
h1,
.me-h1 {
	font-size: 60px;
	font-weight: 500;
	line-height: 92%;
	color: var(--font-color);
}

/* H2: 56px, Medium, 92% */
h2,
.me-h2 {
	font-size: 56px;
	font-weight: 500;
	line-height: 92%;
	color: var(--font-color);
}

/* H3: 32px, Medium, 92% */
h3,
.me-h3 {
	font-size: 32px;
	font-weight: 500;
	line-height: 92%;
	color: var(--font-color);
}

/* Article: 32px, Regular, 120% */
.me-type-article {
	font-size: 32px;
	font-weight: 400;
	line-height: 120%;
	color: var(--font-color);
}

/* H4: 24px, Regular, 92% */
h4,
.me-h4 {
	font-size: 24px;
	font-weight: 400;
	line-height: 92%;
	color: var(--font-color);
}

/* H5: 18px, Medium, 120% */
h5,
.me-h5 {
	font-size: 18px;
	font-weight: 500;
	line-height: 120%;
	color: var(--font-color);
}

/* Button: 18px, Medium, 110%, синий, подчёркнутый */
.me-type-button,
button.me-type-button,
.me-button.me-type-button {
	font-family: var(--font-family);
	font-size: 18px;
	font-weight: 500;
	line-height: 110%;
	color: var(--primary-color);
	text-decoration: underline;
}

/* P1: 18px, Regular, 110% */
.me-p1,
p.me-p1 {
	font-size: 18px;
	font-weight: 400;
	line-height: 110%;
	color: var(--font-color);
}

/* P2: 16px, Regular, 110% */
.me-p2,
p.me-p2 {
	font-size: 16px;
	font-weight: 400;
	line-height: 110%;
	color: var(--font-color);
}