html, body, #root, * {
  font-family: "Roboto", "Dosis", "Helvetica", "Arial", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Ensure buttons and headings also use the same font */
button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", "Dosis", "Helvetica", "Arial", sans-serif !important;
}