:root {
    --md-primary-fg-color:#eae4e1;
    --md-typeset-a-color: #000;
    --md-typeset-color: #333;
    --md-accent-fg-color: #00b7e0;

}

.md-header--shadow {
    box-shadow: none;
}

.md-typeset a {
    color: #000;
}

.md-tabs__link {
    color: #000;
    font-weight: bold;
}


a.md-nav__item .md-nav__link {
    color: #444;

}

.md-nav__item .md-nav__link--active {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}


.md-header {
    color: #000;
}

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

.md-typeset {
    
    --md-code-hl-number-color: #ffa551;
    --md-code-hl-special-color: #f2b29e;
    --md-code-hl-function-color: #74abfd;
    --md-code-hl-constant-color: #b660ff;
    --md-code-hl-keyword-color: #c2c4ff;
    --md-code-hl-string-color: #ff6760;
    --md-code-hl-name-color: #f0f0f0;
    --md-code-hl-operator-color: #b8adc0;
    --md-code-hl-punctuation-color: #b8adc0;
    --md-code-hl-comment-color: #bbb;
    --md-code-hl-variable-color: #f0f0f0;
}

.md-typeset pre > code {
    --md-code-fg-color: #f0f0f0;
    --md-code-hl-generic-color: #f0f0f0;
    --md-code-bg-color: #352c37;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.md-header__button.md-logo {
    padding: 0.2rem 0 0 0.4rem;
}

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

.md-clipboard:not(.focus-visible){
    color: rgba(255,255,255,0.4);
}

.md-clipboard:is(:focus, :hover) {
     color: var(--md-accent-fg-color);
}

.md-header__button.md-logo :-webkit-any(img,svg) {
    height: 2rem;
}