/* Roboto Variable */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto-var.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

/* DM Sans Variable */
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dmsans-var.woff2") format("woff2-variations");
  font-weight: 100 700;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

/* Usos típicos */
body, p, a {
  font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2, h3, h4 {
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}