/* Lokale Schnitte. font-display: swap = Text sofort lesbar, Schrift folgt.
   Preload im Header holt die zwei kritischen Dateien mit dem HTML. */

@font-face {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 320 560;
    font-display: swap;
    src: url("../fonts/outfit.woff2") format("woff2");
}

@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 400 640;
    font-display: swap;
    src: url("../fonts/fraunces.woff2") format("woff2");
}

@font-face {
    font-family: "Fraunces";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/fraunces-italic.woff2") format("woff2");
}

/* Fallback-Maße nah an Outfit/Fraunces, damit der Swap nicht springt. */
@font-face {
    font-family: "Outfit Fallback";
    src: local("Helvetica Neue"), local("Arial"), local("sans-serif");
    size-adjust: 104%;
    ascent-override: 96%;
    descent-override: 24%;
    line-gap-override: 0%;
}

@font-face {
    font-family: "Fraunces Fallback";
    src: local("Times New Roman"), local("Times"), local("serif");
    size-adjust: 98%;
    ascent-override: 90%;
    descent-override: 22%;
    line-gap-override: 0%;
}