/**
 * Blog page fonts — Poppins served locally (no CDN per project policy).
 * Loaded only on the Blog CMS page via Magento_Cms/layout/cms_page_view_id_blog.xml
 */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins/poppins-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins/poppins-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins/poppins-600.woff2') format('woff2');
}

/*
 * Apply Poppins to the blog sections. Explicit button selectors are needed
 * because Luma sets font-family on form elements; this file loads after
 * Luma's styles-m/styles-l, so equal-specificity ties resolve in our favor.
 */
#blogListingPage,
#blogListingPage button,
#blogDetailPage,
#blogDetailPage button {
    font-family: 'Poppins', sans-serif;
}