@font-face {
  font-family: 'RobotoMono';
  src: url('../fonts/RobotoMono/RobotoMono-Regular.ttf');
  src: url('../fonts/RobotoMono/RobotoMono-Regular.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto.ttf');
  src: url('../fonts/Roboto/Roboto.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto.ttf');
  src: url('../fonts/Roboto/Roboto.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto/Roboto-Italic.ttf');
  src: url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

:root {
  --md-text-font: "Roboto";
}

:root {
  --md-code-font: "RobotoMono";
}

[data-md-color-scheme="slate"] {
  --md-hue: 240; /* [0, 360] */
}