:root {
    color-scheme: light;
  }

  [data-md-color-scheme="ont"] {
    --ont-theme-text: #455556;
    --ont-theme-heading: #455556;

    --md-primary-fg-color: #00536b;
    --md-primary-fg-color--light: #d2efef;
    --md-primary-fg-color--dark: #276749;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #e2e8f0;

    --md-accent-fg-color: #0084a9;
    --md-accent-fg-color--transparent: #e2e8f0;
    --md-accent-bg-color: #f0efed;
    --md-accent-bg-color--light: #e2e8f0;

    --md-default-fg-color: #455556;
    --md-default-fg-color--light: #4b5758;
    --md-default-fg-color--lighter: #cbd5e0;
    --md-default-fg-color--lightest: #B9CCD9;
    --md-default-bg-color: #fff;
    --md-default-bg-color--light: #fff;
    --md-default-bg-color--lighter: #fff;
    --md-default-bg-color--lightest: #fff;

    --md-code-fg-color: #404e4f;
    --md-code-bg-color: #F6F7F7;
    --md-code-hl-color: #d2efef;
    --md-code-hl-color--light: #d2efef;
    --md-code-hl-number-color: #a41e1e;
    --md-code-hl-special-color: #e5004d;
    --md-code-hl-function-color: #a34ca9;
    --md-code-hl-constant-color: #5038d1;
    --md-code-hl-keyword-color: #00536b;
    --md-code-hl-string-color: #005066;
    --md-code-hl-name-color: #542bab;
    --md-code-hl-operator-color: #4b5758;
    --md-code-hl-punctuation-color: #4b5758;
    --md-code-hl-comment-color: #4b5758;
    --md-code-hl-generic-color: #4b5758;
    --md-code-hl-variable-color: #4b5758;

    --md-typeset-color: #455556;
    --md-typeset-a-color: #00536b;
    --md-typeset-del-color: #f44336;
    --md-typeset-ins-color: #2ecc71;
    --md-typeset-kbd-color: #fafafa;
    --md-typeset-kbd-accent-color: #ffffff;
    --md-typeset-kbd-border-color: #b8b8b8;
    --md-typeset-table-color: #404e4f;;
    --md-typeset-table-color--light: #EFF9F9;

    --md-admonition-fg-color: #455556;
    --md-admonition-bg-color: #fff;

    --md-warning-fg-color: #0e0e0e;
    --md-warning-bg-color: #fff9cc;

    --md-footer-fg-color: #fff;
    --md-footer-fg-color--light: #fff;
    --md-footer-fg-color--lighter: #fff;
    --md-footer-bg-color: #00536b;
    --md-footer-bg-color--dark: #00536b;

    --md-mermaid-node-bg-color: #fff;
  }

  [data-md-color-scheme="ont-dark"] {
    --ont-theme-text: #cbd5e0;
    --ont-theme-heading: #edf2f7;

    --md-primary-fg-color: #00536b;
    --md-primary-fg-color--light: #434190;
    --md-primary-fg-color--dark: #a3bffa;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #fff;

    --md-accent-fg-color: #007496;
    --md-accent-fg-color--transparent: #718096;
    --md-accent-bg-color: #1a202c;
    --md-accent-bg-color--light: #718096;

    --md-default-fg-color: #cbd5e0;
    --md-default-fg-color--light: #cbd5e0;
    --md-default-fg-color--lighter: #B9CCD9;
    --md-default-fg-color--lightest: #00536b;
    --md-default-bg-color: #1a202c;
    --md-default-bg-color--light: #1a202c;
    --md-default-bg-color--lighter: #1a202c;
    --md-default-bg-color--lightest: #1a202c;

    --md-code-fg-color: #cbd5e0;
    --md-code-bg-color: #001a21;
    --md-code-hl-color: #1a202c;
    --md-code-hl-color--light: #03222b;

    --md-code-hl-number-color: #cbd5e0;
    --md-code-hl-special-color: #e5004d;
    --md-code-hl-function-color: #a34ca9;
    --md-code-hl-constant-color: #a797e8;
    --md-code-hl-keyword-color: #00b7eb;
    --md-code-hl-string-color: #a3bffa;
    --md-code-hl-name-color: #a3bffa;
    --md-code-hl-operator-color: #cbd5e0;
    --md-code-hl-punctuation-color: #cbd5e0;
    --md-code-hl-comment-color: #cbd5e0;
    --md-code-hl-generic-color: #cbd5e0;
    --md-code-hl-variable-color: #cbd5e0;

    --md-typeset-color: #cbd5e0;
    --md-typeset-a-color: #00bbf0;
    --md-typeset-del-color: #f4a6a6;
    --md-typeset-ins-color: #a6f4c4;
    --md-typeset-kbd-color: #fafafa;
    --md-typeset-kbd-accent-color: #ffffff;
    --md-typeset-kbd-border-color: #b8b8b8;
    --md-typeset-table-color: #cbd5e053;
    --md-typeset-table-color--light: #001a21;

    --md-admonition-fg-color: #cbd5e0;
    --md-admonition-bg-color: #1a202c;

    --md-warning-fg-color: #0e0e0e;
    --md-warning-bg-color: #fff9cc;

    --md-footer-fg-color: #fff;
    --md-footer-fg-color--light: #fff;
    --md-footer-fg-color--lighter: #fff;
    --md-footer-bg-color: #00536b;
    --md-footer-bg-color--dark: #00536b;

    --md-mermaid-node-bg-color: #1a202c;
  }

  body {
    color: var(--ont-theme-text);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 600;
    color: var(--ont-theme-heading);
  }

  .md-header__button.md-logo {
    border-radius: 50%;
    background-color: white;
    margin: 0.2rem;
    padding: 0.2rem;
  }

  .md-header__button.md-logo img {
    height: 2rem;
  }

  .md-typeset a {
    text-decoration: underline;
  }

  .md-source__facts {
    opacity: 1;
  }

  div.doc-docstring {
    padding-left: 20px;
    margin-bottom: 30px;
    border-left: 5px solid rgba(230, 230, 230);
  }

  div.doc-members {
    padding-left: 20px;
    margin-bottom: 15px;
  }

  h4.doc-fieldname_RG code {
    color: #e98e7c;
    background-color: #f8edeb;
    border: 1px solid #e98e7c;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  h4.doc-fieldname_PG code {
    color: #51a2d1;
    background-color: #fbfdfe;
    border: 1px solid #51a2d1;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  h4.doc-fieldname_read_tags code {
    color: #fb6f92;
    background-color: #fadfe5;
    border: 1px solid #fb6f92;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  h3.doc-fieldname_fastq code {
    color: #f66b60;
    background-color: #feeae7;
    border: 1px solid #f66b60;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  h4.doc-fieldname_pattern code {
    color: #51a2d1;
    background-color: #fbfdfe;
    border: 1px solid #51a2d1;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  code.doc-common-value {
    margin: 5px;
    color: #9381ff;
    background-color: #f8f7ff;
    border: 1px solid #9381ff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }