@mixin text-h2 {
	font-family: var(--vip-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 32px;
	line-height: 38px;
	color: var(--vip-grey-100);
}

@mixin text-h3 {
	font-family: var(--vip-font-family);
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: var(--vip-grey-100);
}

@mixin text-h4 {
	/* Heading 4 */
	font-family: var(--vip-secondary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 150%;
	/* identical to box height, or 22px */
	color: var(--vip-grey-80);
}

@mixin text-h5 {
	/* Heading 5 */
	font-family: var(--vip-secondary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 150%;
	/* identical to box height, or 19px */

	color: var(--vip-grey-60);
}

@mixin text-small {
	font-family: var(--vip-secondary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 150%;
	color: var(--vip-grey-80);
	/* identical to box height, or 19px */
}

@mixin text-caption() {
	/* Caption */

	font-family: var(--vip-secondary-font-family);
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 150%;
	/* identical to box height, or 16px */
	color: var(--vip-grey-80);
}
