:root {
    --md-primary-fg-color: #0997b0;
    --md-accent-fg-color: #ff116c;
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #00bdd6;
    --md-accent-fg-color: #f62676;
}

[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs {
    background-color: #007085;
}

.md-nav[data-md-level="2"] {
    padding-left: 1em;
}


/************************************************************/
/******************   CUSTOM ADMONITIONS   ******************/
/************************************************************/

/* Link */

:root {
    /*
     * Icon Name: material-link
     * Source:    https://github.com/squidfunk/mkdocs-material/blob/master/material/templates/.icons/material/link.svg
     * License:   Apache-2.0 (https://github.com/squidfunk/mkdocs-material/blob/master/material/templates/.icons/material/LICENSE)
     */
    --md-admonition-icon--link: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8v2m9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4a5 5 0 0 0 5-5 5 5 0 0 0-5-5Z"/></svg>')
}
.md-typeset .admonition.link,
.md-typeset details.link {
    border-color: rgb(68, 138, 255);
}
.md-typeset .link > .admonition-title,
.md-typeset .link > summary {
    background-color: rgba(68, 138, 255, 0.1);
}
.md-typeset .link > .admonition-title::before,
.md-typeset .link > summary::before {
    background-color: rgb(68, 138, 255);

    mask-image: var(--md-admonition-icon--link);
    -webkit-mask-image: var(--md-admonition-icon--link);
}