.h1, .h2, .h3, .h4, .h5, .h6, .f4, .f5, .f6, .f7 {
    font-family: var(--ff-primary) !important;
    margin: 0;
}

.h1 {
    font-size: var(--fs-h1) !important;
    line-height: var(--fs-h1-lh) !important;
}
.h2 {
    font-size: var(--fs-h2) !important;
    line-height: var(--fs-h2-lh) !important;
}
.h3 {
    font-size: var(--fs-h3) !important;
    line-height: var(--fs-h3-lh) !important;
}
.h4 {
    font-size: var(--fs-h4) !important;
    line-height: var(--fs-h4-lh) !important;
}
.f4 {
    font-size: var(--fs-f4) !important;
    line-height: var(--fs-f4-lh) !important;
}
.f5 {
    font-size: var(--fs-f5) !important;
    line-height: var(--fs-f5-lh) !important;
}
.f6 {
    font-size: var(--fs-f6) !important;
    line-height: var(--fs-f6-lh) !important;
}
.f7 {
    font-size: var(--fs-f7) !important;
    line-height: var(--fs-f7-lh) !important;
}
.sup--sm {
    font-size: 50%;
    top: -1em;
}