@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Inter-clamped.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --font-site: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.site,
.site-header,
.site-branding,
.main-navigation,
.widget,
.entry-content,
.entry-title,
.page-title,
h1, h2, h3, h4, h5, h6,
.woocommerce,
.woocommerce-page,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-Price-amount,
.added_to_cart,
.button,
.wp-element-button {
  font-family: var(--font-site);
}