@layer base {
  /* DM Sans font family */

  /* dm-sans-regular - latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: local('DM Sans Regular'), local('DMSans-Regular'),
         url("/fonts/dm-sans-v4-latin-regular.woff2") format('woff2'),
         url("/fonts/dm-sans-v4-latin-regular.woff") format('woff');
  }

  /* dm-sans-italic - latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: local('DM Sans Italic'), local('DMSans-Italic'),
         url("/fonts/dm-sans-v4-latin-italic.woff2") format('woff2'),
         url("/fonts/dm-sans-v4-latin-italic.woff") format('woff');
  }

  /* dm-sans-500 - latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: local('DM Sans Medium'), local('DMSans-Medium'),
         url("/fonts/dm-sans-v4-latin-500.woff2") format('woff2'),
         url("/fonts/dm-sans-v4-latin-500.woff") format('woff');
  }

  /* dm-sans-700 - latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: local('DM Sans Bold'), local('DMSans-Bold'),
         url("/fonts/dm-sans-v4-latin-700.woff2") format('woff2'),
         url("/fonts/dm-sans-v4-latin-700.woff") format('woff');
  }

  body {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
}