/* More info on MkDocs Material CSS colors: https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */

:root {
    --md-primary-fg-color: #8F11C3;
    --md-accent-fg-color: #6D2C8B;
    
    --md-banner-announcement-color:  #FFFFFF;
    --md-banner-button-announcement-color:  #8F11C3;

    /* Set color for search */
    --docsearch-primary-color: #6D2C8B !important;      

    /* Custom icons for labs page status & admonition */
    --md-status--labs: url('../img/Icon-Labs.svg');
    --md-admonition-icon--labs: url('../img/Icon-Labs.svg');

    --md-admonition-icon--processchange: url('../img/Icon-Material-Update.svg');

}

[data-md-color-scheme="MillMage"] {
    

    --md-typeset-a-color: var(--md-primary-fg-color);

}

[data-md-color-scheme="slate"] {
    /* Started with #8f11c3 and adjusted luminance (42% -> 70%) in HSL to make it lighter */
    --md-typeset-a-color: #CC72F3;
}


/* This should work fine with just .md-banner as the selector, but I was a little more specific to avoid potential unintended consequences later */

[data-md-component="announce"] .md-banner {
    background-color: var(--md-banner-announcement-color);
}

/* Set the background color of the close banner button */

[data-md-component="announce"] .md-banner__button {
    background-color: var(--md-banner-button-announcement-color);
}


/* Custom page statuses and admonitions */

.DocSearch-Hit-title {
    font-size: 1.2em !important;
}


.md-status--labs::after {
    mask-image: var(--md-status--labs);
    -webkit-mask-image: var(--md-status--labs);
}

.md-typeset .admonition.labs,
.md-typeset detail.labs {
    border-color: #FFC716;
}

.md-typeset .labs > .admonition-title,
.md-typeset .labs > summary {
    background-color: #FFA61630;
}

.md-typeset .labs > .admonition-title::before,
.md-typeset .labs > summary::before {
    background-color: #FFA616;
    mask-image: var(--md-admonition-icon--labs);
    -webkit-mask-image: var(--md-admonition-icon--labs);
}


/* Process change admonition, and maybe page status */
.md-typeset .admonition.processchange,
.md-typeset detail.processchange {
    border-color: #FFC716;
}

.md-typeset .processchange > .admonition-title,
.md-typeset .processchange > summary {
    background-color: #FFA61630;
}

.md-typeset .processchange > .admonition-title::before,
.md-typeset .processchange > summary::before {
    background-color: #FFA616;
    mask-image: var(--md-admonition-icon--processchange);
    -webkit-mask-image: var(--md-admonition-icon--processchange);
}

/* Force hiding shadow tags, tags beginning with "_" */
.md-typeset .md-tag-shadow {
  display: none;
}