@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700;800&display=swap");

@font-face {
    font-family: "Geist Pixel";
    font-display: swap;
    font-style: normal;
    font-weight: 400 900;
    src: url("../fonts/GeistPixel-Square.woff2") format("woff2");
}

body.tresneria-storefront-typography,
body.tresneria-storefront-typography :where(
    p,
    li,
    a,
    button,
    input,
    select,
    textarea,
    label,
    legend,
    td,
    th,
    dt,
    dd,
    figcaption,
    blockquote,
    cite,
    small,
    .price,
    .amount,
    .woocommerce-breadcrumb
) {
    font-family: "Geist Mono", ui-monospace, "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace !important;
}

body.tresneria-storefront-typography :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .sc_item_title,
    .page_title,
    .woocommerce-loop-product__title,
    .product_title
),
body.tresneria-storefront-typography :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .sc_item_title,
    .page_title,
    .woocommerce-loop-product__title,
    .product_title
) :where(a, span, strong, em) {
    font-family: "Geist Pixel", "Geist Mono", ui-monospace, "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace !important;
}