/* Typography utilities for content and UI text. */

.heading-1 {
	font-family: var(--font-heading, inherit);
	font-size: var(--font-size-48);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-120);
}

.link-big,
.link-small,
.link-xs {
	font-family: var(--font-body, inherit);
	font-weight: var(--font-weight-normal);
	line-height: 1.2;
	text-transform: uppercase;
}

.link-big {
	font-size: var(--font-size-20);
}

.link-small {
	font-size: var(--font-size-16);
}

.link-xs {
	font-size: var(--font-size-12);
}

.text-base,
.text-bold,
.text-xl-strong,
.text-small {
	font-family: var(--font-body, inherit);
	line-height: var(--line-height-150);
}

.text-base {
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-normal);
}

.text-small {
	font-size: var(--font-size-12);
	font-weight: var(--font-weight-normal);
}

.text-bold {
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-bold);
}

.text-xl-strong {
	font-size: var(--font-size-24);
	font-weight: var(--font-weight-bold);
}

@media (max-width: 768px) {
	.heading-1 {
		font-size: var(--font-size-24);
	}

	.link-big {
		font-size: var(--font-size-16);
	}

	.text-xl-strong {
		font-size: var(--font-size-20);
	}
}