/* Import fonts for body */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('fonts/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 700;
  font-style: italic;
  font-display: swap;
}

/* Import fonts for headings */
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('fonts/IBMPlexSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('fonts/IBMPlexSerif-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('fonts/IBMPlexSerif-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('fonts/IBMPlexSerif-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* IBM Plex Sans for body */
body {
  font-family: 'IBM Plex Sans', Roboto, sans-serif !important;
}
/* IBM Plex Serif for headers */
h1, h2, h3, h4, h5, h6 {
  font-family: 'IBM Plex Serif', Georgia, serif !important;
}
/* IBM Plex Sans for navigation bars */
.sidebar,         /* Left sidebar */
.nav-sidebar,     /* Sometimes used for left nav */
.sidebar-secondary, /* Right sidebar */
.nav-toc {        /* Sometimes used for right toc */
  font-family: 'IBM Plex Sans', Roboto, sans-serif !important;
}
/* IBM Plex Serif for site title */
.navbar-title,    /* Common class for site title */
.navbar-brand,    /* Sometimes used for site title */
.sidebar-title {     
  font-family: 'IBM Plex Serif', Georgia, serif !important;
}

/* Set colors for headings */
h1 {
  color: #1d448c;
}
h2 {
  color: #F58E62;
}
h3 {
  color: #222222;
}