/* Savee Light theme */
[data-md-color-scheme="savee-light"] {
    /* Primary colors (mainly navigation and non-clicked search) */
    --md-primary-fg-color: #262626;
    --md-primary-fg-color--light: #404040;
    --md-primary-fg-color--dark: #1A1A1A;
    --md-primary-bg-color: #CCCCCC;
    --md-primary-bg-color--light: #CCCCCCB3;

    /* Accent colors (Link hovers and text) */ 
    --md-accent-fg-color: #262626;
    --md-accent-fg-color--transparent: #26262614;
    --md-accent-bg-color: #CCCCCC;
    --md-accent-bg-color--light: #CCCCCCB3;

    /* Webpage background color, heading texts, inside search etc. */
    --md-default-fg-color: #262626;
    --md-default-fg-color--light: #262626;
    --md-default-fg-color--lighter: #999999;
    --md-default-fg-color--lightest: #B3B3B3;
    --md-default-bg-color: #CCCCCC;
    --md-default-bg-color--light: #CCCCCCB3;
    --md-default-bg-color--lighter: #CCCCCC4D;
    --md-default-bg-color--lightest: #CCCCCC1F;

    /* Code color shades */
    --md-code-fg-color: #262626;
    --md-code-bg-color: #E6E6E6;

    /* Text color */
    --md-typeset-color: var(--md-default-fg-color);

    /* Marked text color */
    --md-typeset-mark-color: #F9EF81;

    /* Clicked link color */
    --md-typeset-a-color: var(--md-accent-fg-color);

    /* Admonition colors */
    --md-admonition-fg-color: #262626;
    --md-admonition-bg-color: #E6E6E6;

    /* Footer color shades */
    --md-footer-fg-color:                #CCCCCC;
    --md-footer-fg-color--light:         #E6E6E6;
    --md-footer-fg-color--lighter:       #B3B3B3;
    --md-footer-bg-color:                #1A1A1A;
    --md-footer-bg-color--dark:          #262626;

    /* Shadow depth 2 */
    --md-shadow-z2: 4px 4px 8px #00000026;

}

[data-md-color-scheme="savee-light"] .md-nav__link--active {
    text-shadow: 0px 0px 3px #F9EF81;
}

/* Lighting up when hovering above Back to top button */
[data-md-color-scheme="savee-light"] .md-top {
    background-color: #DBDBDB;
    transition: transform 125ms cubic-bezier(.4, 0, .2, 1),
                opacity 125ms,
                color 125ms,
                background-color 1s ease-in-out,
                box-shadow 1s ease-in-out;
}

[data-md-color-scheme="savee-light"] .md-top:hover{
    background-color: #E6E6E6;
    color: #262626;
    box-shadow: 0px 0px 16px #F9EF81;
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out;
}

/* Lighting up when hovering above grid cards */
[data-md-color-scheme="savee-light"] .grid.cards>ul>li {
    background-color: #DBDBDB;
    border-radius: 4px;
    transition: background-color 1s ease-in-out,
                box-shadow 1s ease-in-out,
                transform 1s ease-in-out,
                border-color 1s ease-in-out;
}

[data-md-color-scheme="savee-light"] .grid.cards>ul>li:hover {
    background-color: #E6E6E6;
    box-shadow: 0px 0px 8px #F9EF81;
    transform: translateX(-2px) translateY(-2px);
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out,
                transform .1s ease-in-out,
                border-color .1s ease-in-out;
}

[data-md-color-scheme="savee-light"] .grid>.card {
    background-color: #DBDBDB;
    border-radius: 4px;
    transition: background-color 1s ease-in-out,
                box-shadow 1s ease-in-out,
                transform 1s ease-in-out,
                border-color 1s ease-in-out;
}

[data-md-color-scheme="savee-light"] .grid>.card:hover {
    background-color: #E6E6E6;
    box-shadow: 0px 0px 8px #F9EF81;
    transform: translateX(-2px) translateY(-2px);
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out,
                transform .1s ease-in-out,
                border-color .1s ease-in-out;
}

/* Lighting up when hovering above tags */
[data-md-color-scheme="savee-light"] .md-tag[href] {
    transition: background-color 1s ease-in-out,
                box-shadow 1s ease-in-out;;
}

[data-md-color-scheme="savee-light"] .md-tag[href]:hover {
    background-color: #E6E6E6;
    color: #262626;
    box-shadow: 0px 0px 16px #F9EF81;
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out;
}

[data-md-color-scheme="savee-light"] .md-nav__link:hover {
    font-weight: 700;
}

/* Table inside "Parameters" admonition matches the color of the admonition itself */
[data-md-color-scheme="savee-light"] details.parameters >
.md-typeset__scrollwrap > .md-typeset__table table:not([class]) {
    --md-typeset-table-color: #E6E6E6;
}

[data-md-color-scheme="savee-light"] .md-content a {
    text-decoration: underline !important;
}

[data-md-color-scheme="savee-light"] a.md-tag {
    text-decoration: none !important;
}

[data-md-color-scheme="savee-light"] .tabbed-labels a {
    text-decoration: none !important;
}



/* Savee dark theme */
[data-md-color-scheme="savee-dark"] {
    /* Primary colors (mainly navigation and non-clicked search) */
    --md-primary-fg-color: #262626;
    --md-primary-fg-color--light: #404040;
    --md-primary-fg-color--dark: #1A1A1A;
    --md-primary-bg-color: #CCCCCC;
    --md-primary-bg-color--light: #CCCCCCB3;

    /* Accent colors (Link hovers and text) */ 
    --md-accent-fg-color: #FBF59D;
    --md-accent-fg-color--transparent: #CCCCCC0D;
    --md-accent-bg-color: #262626;
    --md-accent-bg-color--light: #404040;

    /* Webpage background color, heading texts, inside search etc. */
    --md-default-fg-color: #CCCCCC;
    --md-default-fg-color--light: #B7B7B7;
    --md-default-fg-color--lighter: #666666;
    --md-default-fg-color--lightest: #333333;
    --md-default-bg-color: #1A1A1A;
    --md-default-bg-color--light: #333333;
    --md-default-bg-color--lighter: #666666;
    --md-default-bg-color--lightest: #B7B7B7;

    /* Code color shades */
    --md-code-fg-color: #CCCCCC;
    --md-code-bg-color: #262626;

    --md-code-hl-number-color:           #A68AFA;
    --md-code-hl-special-color:          #E87D3E;
    --md-code-hl-function-color:         #B4D273;
    --md-code-hl-constant-color:         #63D7E0;
    --md-code-hl-keyword-color:          #E54772;
    --md-code-hl-string-color:           #E5CA4D;
    --md-code-hl-name-color:             #CCCCCC;
    --md-code-hl-operator-color:         #E54772;
    --md-code-hl-punctuation-color:      #CCCCCC;
    --md-code-hl-comment-color:          #797979;
    --md-code-hl-generic-color:          #CCCCCC;
    --md-code-hl-variable-color:         #CCCCCC;

    /* Text color */
    --md-typeset-color: #CCCCCC;

    /* Marked text color */
    --md-typeset-mark-color: #FBF59D;

    /* Clicked link color */
    --md-typeset-a-color: #FBF59D;

    /* Table colors */
    --md-typeset-table-color: #404040;
    --md-typeset-table-color--light: #262626;

    /* Admonition colors */
    --md-admonition-fg-color: #CCCCCC;
    --md-admonition-bg-color: #262626;

    /* Footer color shades */
    --md-footer-fg-color:                #FBF59D;
    --md-footer-fg-color--light:         #CCCCCC;
    --md-footer-fg-color--lighter:       #808080;
    --md-footer-bg-color:                #0D0D0D;
    --md-footer-bg-color--dark:          #0F0F0F;
}

[data-md-color-scheme="savee-dark"] .md-content .md-typeset mark {
    color:#1A1A1A;
}

/* Lighting up when hovering above Back to top button */
[data-md-color-scheme="savee-dark"] .md-top {
    background-color: #262626;
    color: #CCCCCC;
    box-shadow: 0px 0px 8px #0000001F;
    transition: transform 125ms cubic-bezier(.4, 0, .2, 1),
                opacity 125ms,
                color 2.5s,
                background-color 1s ease-in-out,
                box-shadow 1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .md-top:hover{
    background-color: #FBF59D;
    color: #262626;
    box-shadow: 0px 0px 8px #F9EF81;
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out;
}

/* Lighting up when hovering above grid cards */
[data-md-color-scheme="savee-dark"] .grid.cards>ul>li {
    background-color: #262626;
    border-radius: 4px;
    transition: background-color 1s ease-in-out,
                box-shadow 1s ease-in-out,
                transform 1s ease-in-out,
                border-color 1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .grid.cards>ul>li:hover {
    background-color: #3B3B3B;
    box-shadow: 0px 0px 4px #FBF59D;
    transform: translateX(-2px) translateY(-2px);
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out,
                transform .1s ease-in-out,
                border-color .1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .grid>.card {
    background-color: #262626;
    border-radius: 4px;
    transition: background-color 1s ease-in-out,
                box-shadow 1s ease-in-out,
                transform 1s ease-in-out,
                border-color 1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .grid>.card:hover {
    background-color: #3B3B3B;
    box-shadow: 0px 0px 4px #FBF59D;
    transform: translateX(-2px) translateY(-2px);
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out,
                transform .1s ease-in-out,
                border-color .1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .grid>.card {
    color: #CCCCCC;

}

/* Lighting up when hovering above tags */
[data-md-color-scheme="savee-dark"] .md-tag[href] {
    transition: background-color 1s ease-in-out,
                box-shadow 1s ease-in-out,
                color 1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .md-tag[href]:hover {
    background-color: #FBF59D;
    color: #262626;
    box-shadow: 0px 0px 8px #F9EF81;
    transition: background-color .1s ease-in-out,
                box-shadow .1s ease-in-out;
}

[data-md-color-scheme="savee-dark"] .md-tabs__link:hover {
    color:#FBF59D;
    opacity: 1;
}

[data-md-color-scheme="savee-dark"] .md-tabs__item--active {
    color: #FBF59D;
}

/* Table inside "Parameters" admonition matches the color of the admonition itself */
[data-md-color-scheme="savee-dark"] details.parameters >
.md-typeset__scrollwrap > .md-typeset__table table:not([class]) {
    --md-typeset-table-color: #262626;
}