/* FAMILY */
@font-face {
    font-family: "Brandon Grotesque";
    src:
        url("../fonts/subset-BrandonGrotesque-Regular.woff2") format("woff2"),
        url("../fonts/subset-BrandonGrotesque-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Canela";
    src:
        url("../fonts/subset-Canela-Regular.woff2") format("woff2"),
        url("../fonts/subset-Canela-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* SIZE */
.font-size-1 {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
}

.font-size-2 {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    font-family: "Canela", serif;
}

.font-size-3 {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    font-family: "Canela", serif;
}

/* RESPONSIVE */