body,
button,
input,
select,
textarea {
    font-family: var(--df-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.section-title {
    font-family: var(--df-font-display);
    color: var(--df-color-forest);
    line-height: 1.2;
}

.entry-title,
.page-title {
    font-size: clamp(2rem, 4vw, 3.5rem);
}

.section-title {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
}

p,
li {
    line-height: 1.6;
}