@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/IBMPlexMono/IBMPlexMono-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/Inter/Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../fonts/Inter/Inter-Medium.woff2') format('woff2');
}

:root {
  --font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

  --font-family-code: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo,
    Monaco, Consolas, Liberation Mono, Courier New, monospace;

  --primary-color: #00369a;

  /* body background color */
  --body-bg-color: #fff;
  --text-color: #212529;

  /* header */
  --header-bg-color: #fff;
  --border-color: #e7ebed;

  /* heading color */
  --heading-color: #ec5525;
  --subheading-color: #262626;

  /* links */
  --link-color: #00369a;
  --link-color-hover: #00369a;

  /* Code badge color */
  --code-badge-color: #fff;

  /* footer colors */
  --footer-bg-color: #fafafa;
  --footer-color: #525252;
  --footer-link-color: #00369a;
  --footer-link-color-hover: #00369a;

  /* ads label color  */
  --ads-label-color: #666;

  /* navbar */
  --menu-current-color: #ec5525;
  --menu-color: #323330;
  --hover-background-color: #f4f4f4;
  --menu-background-color: #fff;
  --submenu-bg-color: #fff;
  --toggle-color: #f4f4f4;

  /* button colors */
  --button-bg-color: #33a0da;
  --button-color: #fff;
  --button-bg-color-hover: #2182b6;
  --button-color-hover: #fff;
  --button-border-color: #33a0da;

  /* code in the content */
  --inline-code-bg-color: #f5f5f5;
  --inline-code-color: #545454;

  /* form */
  --input-bg-color: #fff;
  --input-color: #262626;

  /* reverse image */
  --image-filter: grayscale(0%);

  /* previous / next page navigation search */
  --page-nav-bg-color: #fff;
  --mark-bg-color: #fff6ea;

  /* feature image*/
  --feature-image-bg-color: #f4f4f4;
  --feature-image-filter: grayscale(100%);
  --fancy-list-color: rgba(0, 0, 0, 0.15);

  /* ? */
  --output-bg-color: #f9fafb;
  --output-border-color: #e7ebed;

  --post-box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  --post-border: none;

  /* svg */
  --svg-color: #323330;
  --themeable-image-filter: none;

  /* hljs*/
  --hljs-mark-color: #fafafa;

  --highlight-bg: #fff8dc;
  --highlight-img-filter: none;
  --highlight-label: #5555;
	
  /* try it button */
  --try-it-button: #33a0da;
	
}