@font-face {
  font-family: "SplitinWebRoboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "SplitinWebRoboto";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("/assets/fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "SplitinWebRoboto";
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url("/assets/fonts/Roboto-Bold.ttf") format("truetype");
}

:root {
  --splitin-app-font: "SplitinWebRoboto", sans-serif;
}

body,
button,
input,
textarea,
[dir="auto"]:not([style*="font-family"]) {
  font-family: var(--splitin-app-font) !important;
  font-synthesis: none;
}