/**
 * Typography scale
 *
 * @package esto-es-wm
 */

body {
	color: var(--color-text);
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	line-height: var(--line-height-base);
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-block: 0 0.5em;
}

h1,
.h1 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-heading);
}

h2,
.h2 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
}

h3,
.h3 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
}

.text-small {
	font-size: var(--font-size-sm);
}

.text-caption {
	font-size: var(--font-size-caption);
	font-weight: var(--font-weight-medium);
}

.page-title {
	margin: 0 0 var(--space-sm);
}

.page-intro {
	margin: 0;
	color: var(--color-text-muted);
	font-size: var(--font-size-base);
}

.entry-content p {
	margin-block: 0 1em;
}

.entry-content p:last-child {
	margin-bottom: 0;
}