/* TODO: Add your CSS here (Jekyll will override it) */
:root {
  --font-family-sans: "Segoe UI Variable Text", -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Cantarell, "Open Sans", "Noto Sans", Piboto, Ubuntu, "Roboto Flex", Roboto, Helvetica, FreeSans, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-serif: 'Linux Libertine', 'Linux Libertine Display O', Georgia, 'Noto Serif', 'Times New Roman', Times, serif;
  --heading-font-weight: 700;
}
body {
  font-family: var(--font-family-sans);
}

/* Custom icon for panel open and close */ 
.page-wrapper .ham-menu-button-icon-open {
  display: none;
}
.page-wrapper[data-sidebar-hidden="hidden"] .ham-menu-button-icon-open {
  display: block;
}
.page-wrapper[data-sidebar-hidden="hidden"] .ham-menu-button-icon-close {
  display: none;
}


/* Use serif font for headings (a-la MediaWiki) */
.article-wrapper h1, .article-wrapper h2, .content-wrapper .h1, .content-wrapper .h2 {
  font-family: var(--font-family-serif);
  font-weight: 400;
}
.article-sitesub {
  font-family: var(--font-family-serif);
  font-style: italic;
}

/* Make code previews rounded */
.highlight, pre.highlight {
  border-radius: var(--base-border-radius);
}