@font-face {
  font-family: 'Product Sans';
  src: url('../fonts/ProductSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Product Sans';
  src: url('../fonts/ProductSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Product Sans', Arial, Helvetica, sans-serif;
  /* Só existe o peso Regular/Light do Product Sans — sem isso, o navegador "engrossa"
     artificialmente o texto sempre que algo pede bold, ficando borrado/distorcido. */
  font-synthesis: none;
}

/* Elementos de formulário não herdam font-family do body por padrão do navegador */
input, select, textarea, button {
  font-family: inherit;
}