/* ---------- Lora — serif used for headlines, pull-quotes, article titles ---------- */
/* One variable WOFF2 covers weights 400–700; no italic in use anywhere in the theme. */
@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/lora/lora-v37-latin.woff2') format('woff2');
}

/* ---------- Noto Sans — sans-serif used for body, navigation, UI ---------- */
/* Two variable WOFF2 files (regular + italic), each covering weights 100–900. */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/noto-sans/noto-sans-v42-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/noto-sans/noto-sans-v42-latin-italic.woff2') format('woff2');
}

/* ---------- Merriweather — serif used on promo/landing pages only ---------- */
/* Variable WOFF2 with weight 300–900 and optical-size 18–144 axes. */
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('../fonts/merriweather/merriweather-v33-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Merriweather';
    font-style: italic;
    font-weight: 300 900;
    font-display: swap;
    src: url('../fonts/merriweather/merriweather-v33-latin-italic.woff2') format('woff2');
}