/* Colors */


/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: hsla(var(--md-hue), 0%, 100%, 1);
  --md-primary-fg-color--light: hsla(var(--md-hue), 0%, 100%, 0.7);
  --md-primary-fg-color--dark: hsla(var(--md-hue), 0%, 0%, 0.07);
  --md-primary-bg-color: hsla(var(--md-hue), 0%, 0%, 0.87);
  --md-primary-bg-color--light: hsla(var(--md-hue), 0%, 0%, 0.54);
  --md-footer-fg-color: hsla(var(--md-hue), 0%, 0%, 0.54); /* footer text color */
  --md-footer-fg-color--light: hsla(var(--md-hue), 0%, 0%, 0.87); /* footer text color */
  --md-footer-bg-color--dark: hsla(var(--md-hue), 0%, 100%, 1); /* footer background */
  --md-typeset-a-color: #164078; /* accent color for active links*/
  --md-accent-fg-color: #164078; /* accent color - light blue */
}

[data-md-color-scheme="default"] .md-header--shadow {
    box-shadow: 0 0 .1rem #0000001a, 0 .1rem .2rem rgba(255, 255, 255, 0.2);
    transition: transform .25s cubic-bezier(.1, .7, .1, 1), box-shadow .25s;
}

/* Dark mode */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #0a0a0a; /* Dark mode background color - dark black */
    --md-primary-fg-color: #0a0a0a; /* Primary text color - deep blue */
    --md-footer-bg-color--dark: #0a0a0a; /* footer background */
    --md-typeset-a-color: #3089ff; /* Accent color for active links */
    --md-accent-fg-color: #3089ff; /* accent color - light blue */
}

/* Buttons */
[data-md-color-scheme="default"] .md-typeset .md-button {
    border-color: #164078;
    color: #164078;
}

[data-md-color-scheme="default"] .md-typeset .md-button:hover {
    background-color: #164078;
    color: #ffffff;
}

[data-md-color-scheme="slate"] .md-typeset .md-button {
    border-color: var(--md-typeset-a-color);
    color: var(--md-accent-bg-color);
}

.md-button {
    border-radius: 8px !important;
}

.md-button--primary {
    border-radius: 8px !important;
}

.md-button--secondary {
    border-radius: 8px !important;
}


/* Active */

@media screen and (min-width: 76.25em) {
    .md-nav__list {
        margin-bottom: 6px !important; /* Bug fix */
    }

    [data-md-color-scheme="default"] .md-nav__link--active {
        background-color: #ededed !important;
        border-radius: 6px;
        padding-left: 8px;
        margin-left: -8px;
        padding-bottom: 4px;
        margin-bottom: -4px;
        padding-top: 4px;
        margin-top: calc(8.75px - 4px);
    }

    [data-md-color-scheme="slate"] .md-nav__link--active {
        background-color: #242425 !important;
        color: #ffffff !important;
        border-radius: 6px;
        padding-left: 8px;
        margin-left: -8px;
        padding-bottom: 2px;
        margin-bottom: -2px;
        padding-top: 2px;
        margin-top: calc(8.75px - 2px);
    }
}

/* Search */
@media screen and (min-width: 60em) {
    [data-md-color-scheme="default"] .md-search__form {
        background-color: hsla(var(--md-hue), 0%, 0%, .07);
    }
    [data-md-color-scheme="default"] .md-search__form:hover {
        background-color: hsla(var(--md-hue), 0%, 0%, .32);
    }
    [data-md-color-scheme="default"] .md-search__input + .md-search__icon {
        color: hsla(var(--md-hue), 0%, 0%, .87);
    }
}

.md-search__form {
    border-radius: 8px;
}

/* Tabs border */
@media screen and (min-width: 76.25em) {
    [ddata-md-color-scheme="default"] .md-tabs {
        border-bottom: 0.05rem solid #00000012;
    }
}

/* Scrollbar fix */

.md-sidebar__scrollwrap {
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.md-sidebar__scrollwrap {
    scrollbar-width: none;
}

.md-sidebar__scrollwrap::-webkit-scrollbar {
    display: none;
}

/* Links */
.md-typeset a:not(.md-button):not(.md-tag) {
    text-decoration: none;
}

.md-typeset a:not(.md-button):not(.md-tag):hover {
    text-decoration: underline;
}

/* Nav links */
.md-nav--lifted .md-nav__link,
.md-nav--lifted .md-nav__title,
.md-nav--secondary .md-nav__title,
.md-nav--secondary .md-nav__link--active {
    box-shadow: none !important;
}

[data-md-color-scheme="default"] .md-tabs__item--active .md-tabs__link {
    color: #164078;
}

/* Logo */
#logo_light_mode {
    display: var(--md-footer-logo-light-mode);
}

#logo_dark_mode {
    display: var(--md-footer-logo-dark-mode);
}

[data-md-color-scheme="default"] {
    --md-footer-logo-dark-mode: none;
    --md-footer-logo-light-mode: block;
}

[data-md-color-scheme="slate"] {
    --md-footer-logo-dark-mode: block;
    --md-footer-logo-light-mode: none;
}

/* Highlight */

::selection {
    background: #164078;
    color: #ffffff;
}