.md-nav--primary .md-nav__title .md-logo,
.md-nav--primary .md-nav__title,
.md-logo,
.md-header__button.md-logo,
.md-header .md-logo {
    position: relative; /* Ensure the title is positioned relative for absolute positioning of the logo */
    text-align: center; /* Center the text within the title */
    background-color: var(--md-nav-primary-bg-color);
    display: inline-block; /* Change to inline-block to allow centering */
    margin: 0; /* Remove margin to avoid shifting */
    padding: 0.5rem; /* Keep padding for spacing */
    left: 50%; /* Position from the left */
    transform: translateX(
        -50%
    ); /* Center the logo by translating it back by half its width */
    top: 0; /* Keep it at the top */
}

.md-nav--secondary .md-nav__list {
    list-style: disc;
}
[dir="ltr"] .md-nav--secondary .md-nav__list {
    padding-left: 0.6rem;
    padding-bottom: 0.3rem;
}
/* Navigation bar background */
.md-nav--primary {
    background-color: var(
        --md-nav-primary-bg-color
    ); /* Darker background for nav bar */
    padding: 0.2rem; /* Add padding to prevent pill cutoff */
    border-radius: 16px; /* Round the main nav container */
    box-shadow: var(--md-shadow-z2);
}

.md-nav--primary .md-nav__list {
    background-color: var(
        --md-nav-primary-bg-color
    ); /* Ensure list has same background */
    border-radius: 12px; /* Round the nav list */
    padding: 0.05rem 0; /* Minimal vertical padding to prevent cutoff */
    overflow: visible; /* Ensure pills aren't clipped */
}
/* Navigation item styling */
.md-nav--primary .md-nav__item {
    background-color: transparent;
    margin: 0; /* Remove margin to reduce spacing */
}

.md-nav--primary .md-nav__link {
    color: var(--md-nav-link-color);
    background-color: transparent;
    transition: background-color 0.2s ease;
    margin: 0.1rem 0.3rem;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    box-sizing: border-box;
}

.md-nav--primary .md-nav__link:hover {
    background-color: var(--md-nav-link-hover-bg-color);
    color: var(--md-nav-link-hover-color);
}

.md-nav--primary .md-nav__link--active {
    background-color: var(--md-nav-link-active-bg-color);
    color: var(--md-nav-link-active-color);
    font-weight: bold;
}

/* Nested navigation styling */
.md-nav--primary .md-nav__item--nested > .md-nav__link {
    background-color: transparent;
}

.md-nav--primary .md-nav__item--nested > .md-nav__link:hover {
    background-color: var(--md-nav-link-hover-bg-color);
}

/* Navigation title styling */
.md-nav--primary .md-nav__title {
    background-color: var(--md-nav-title-bg-color);
    color: var(--md-nav-title-color);
    font-weight: bold;
}

/* Section headers styling */
.md-nav--primary .md-nav__item--section > .md-nav__link {
    background-color: var(--md-nav-section-bg-color);
    color: var(--md-nav-section-color);
    font-weight: bold;
    border-left: 3px solid var(--md-nav-section-border-color);
    padding: 0.2rem 0.5rem 0.2rem 1rem;
}

.md-nav--primary .md-nav__item--section > .md-nav__link:hover {
    background-color: var(--md-nav-section-hover-bg-color);
    color: var(--md-nav-section-hover-color);
}

/* Nested navigation background */
.md-nav--primary .md-nav .md-nav {
    background-color: var(--md-nav-nested-bg-color);
    border-radius: 8px; /* Round nested nav containers */
    padding: 0.12rem 0.32rem 0 0.32rem; /* Only top padding to prevent pill cutoff */
    margin: 0; /* Remove margin to eliminate spacing */
}

/* Nested navigation lists */
.md-nav--primary .md-nav .md-nav .md-nav__list {
    border-radius: 8px; /* Round nested nav lists */
    background-color: var(--md-nav-nested-bg-color);
    padding-top: 0.1rem; /* Remove padding to eliminate spacing */
    padding-bottom: 0.1rem; /* Remove padding to eliminate spacing */
    margin-top: 0.15rem; /* Remove any default margins */
    margin-bottom: 0.25rem;
}

/* Remove default spacing from nested nav items */
.md-nav--primary .md-nav .md-nav__item {
    margin: 0; /* Remove all margins from nested items */
}

/* Compress nested navigation items with dropdowns */
.md-nav--primary .md-nav .md-nav__item--nested {
    margin: -0.15rem 0; /* Negative margin to compress spacing */
}

/* Ensure nested navigation containers have minimal spacing */
.md-nav--primary .md-nav[data-md-level="1"],
.md-nav--primary .md-nav[data-md-level="2"] {
    margin-top: -0.15rem;
    margin-bottom: -0.15rem;
}

/* Minimize spacing in deeply nested items */
.md-nav--primary .md-nav .md-nav .md-nav__item {
    margin: -0.15rem 0; /* Compress nested item spacing */
}

/* Add subtle borders to navigation items */
.md-nav--primary .md-nav__item {
    border-bottom: 0px solid var(--md-nav-item-border-color);
}

.md-nav--primary .md-nav__item:last-child {
    border-bottom: none;
}

/* Clipboard pop up toast */
.md-dialog {
    background: var(--md-interactive-secondary);
    border-radius: 16px;
}
.md-dialog__inner {
    color: var(--md-default-fg-color--light);
}

/* Tab Styling */
.md-typeset .tabbed-set {
    background: var(--md-card-bg-color);
    padding: 0.3rem;
    border-radius: 8px;
}
.md-typeset .tabbed-set > input:checked ~ .tabbed-labels > label {
    color: var(--md-default-fg-color--lighter);
}

.md-typeset hr {
	border-bottom: .05rem solid var(--md-default-fg-color--light);
}

/* Clipboard button styling. Hide by default, show on code block hover */
.md-clipboard {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    background: var(--md-primary-fg-color);
    border: 0px solid var(--md-default-fg-color);
}

.md-code:hover .md-clipboard,
.highlight:hover .md-clipboard,
pre:hover .md-clipboard {
    border: 0px solid var(--md-default-fg-color);
    background: var(--md-primary-fg-color);
    opacity: 1;
}

.md-clipboard .md-icon {
    border: 0px solid var(--md-default-fg-color);
    background-color: var(--md-default-bg-color--light);
    color: var(--md-default-fg-color);
    border-radius: 0.2rem;
    padding: 0.3rem;
    transition: background-color 0.2s ease;
}

.md-code:hover .md-clipboard .md-icon,
.highlight:hover .md-clipboard .md-icon,
pre:hover .md-clipboard .md-icon {
    border: 0px solid var(--md-default-fg-color);
    background-color: var(--md-primary-fg-color);
    color: var(--md-default-bg-color);
    border: 0px solid transparent;
}
.md-clipboard:not(.focus-visible) {
    border: 0px solid var(--md-default-fg-color);
}
.md-clipboard .md-icon:hover {
    border: 0px solid var(--md-default-fg-color);
    background-color: var(--md-interactive-primary);
}

/* Table of Contents rounded background */
.md-nav--secondary {
    background-color: var(--md-nav-secondary-bg-color);
    border-radius: 16px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    box-shadow: var(--md-shadow-z2);
}

.md-nav--secondary .md-nav__list {
    background-color: var(--md-nav-secondary-bg-color);
    border-radius: 12px;
    padding: 0.1rem 0;
}

.md-nav--secondary .md-nav__title {
    background: var(--md-nav-secondary-bg-color);
    box-shadow: none;
    border-radius: 8px;
    margin-bottom: 0.2rem;
}

.md-sidebar--secondary .md-sidebar__scrollwrap {
    border-radius: 16px;
}
.md-nav--secondary .md-nav__title[for="__toc"] {
	scroll-snap-align: start;
	padding-top: 5px;
	padding-bottom: 5px;
    border-radius: 0px
}

/* uh */
.md-top {
    background: var(--md-interactive-secondary);
    background-color: var(--md-primary-fg-color);
}

.md-typeset .admonition {
	box-shadow: var(--md-shadow-z2);
}

/* Card styling with custom colors */
.md-typeset .grid.cards > ol > li,
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
    background-color: var(--md-card-bg-color);
    border: 1px solid var(--md-default-bg-color);
    border-radius: 0.2rem;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.md-typeset .grid.cards > ol > li:hover,
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover {
    border-color: var(--md-interactive-secondary);
    border: 1px solid var(--md-interactive-secondary);
    /* box-shadow: 0 2px 8px var(--md-interactive-secondary-shadow); */
}

/* Button styling */
.md-button {
    background-color: var(--md-interactive-primary);
    color: white;
    border: none;
    border-radius: 0.2rem;
    transition: background-color 0.2s ease;
}

.md-button:hover {
    background-color: var(--md-interactive-secondary);
}

.md-button:focus {
    background-color: var(--md-interactive-secondary);
    outline: 2px solid var(--md-interactive-primary);
    outline-offset: 2px;
}

.md-typeset a:hover {
    text-decoration: underline;
}

.md-search-result__meta {
    background-color: var(--md-interactive-secondary);
    color: var(--md-default-fg-color--light);
}

[data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__input:valid
    ~ .md-search__options
    > .md-icon {
    color: var(--md-default-fg-color--light);
    padding-right: 15px;
    border: none;
}

[data-md-toggle="search"]:checked
    ~ .md-header
    .md-search__input:valid
    ~ .md-search__options
    > .md-icon:hover {
    color: var(--md-accent-fg-color);
}

[data-md-toggle="md-tag"]
{
    background-color: var(--md-interactive-primary);
    color: var(--md-interactive-primary);
    background: var(--md-interactive-primary);
}

a[href^="http://"]:not(.md-search-result__link),
a[href^="https://"]:not(.md-search-result__link) 
{
    background-position: top right;
    background-repeat: no-repeat;
    background-image: var(--external-reference-icon);
    padding-right: 13px;
}

.md-footer__link:hover {
    color: var(--md-default-fg-color--light);
}

/* Mobile navigation adjustments */
@media screen and (max-width: 76.24em) {
    /* Remove white borders between navigation items */
    .md-nav--primary .md-nav .md-nav__item {
        margin: 0;
        border-bottom: 1px solid var(--md-nav-mobile-border-color) !important;
        border-top: 0px solid var(--md-nav-mobile-border-color) !important;
    }
    .md-nav--primary, .md-nav--primary .md-nav {
        background-color: var(--md-nav-primary-bg-color);
    }
    /* Add spacing between navigation titles and their lists */
    .md-nav__title {
        margin-bottom: 5rem;
    }
    .md-nav--primary .md-nav__title ~ .md-nav__list {
        background-color: var(--md-nav-primary-bg-color);
        box-shadow: none;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }
    /* Remove borders from nested items */
    .md-nav .md-nav__item {
        border-bottom: none !important;
    }
    .md-nav .md-nav__item {
        border-bottom: 1px solid var(--md-nav-mobile-border-color);
        border-top: none !important;
    }
    .md-nav--primary .md-nav .md-nav__item {
        border-bottom: 1px solid var(--md-nav-mobile-border-color);
        border-top: none !important;
    }
    .md-nav--primary .md-nav .md-nav {
        background-color: var(--md-nav-mobile-sidebar-bg-color);
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        padding: 0;
    }

    /* Ensure consistent spacing in mobile */
    .md-nav__list {
        padding-top: 0;
    }
    .md-nav--primary .md-nav__list {
        background-color: var(--md-nav-primary-bg-color);
        padding: 0rem;
        padding-top: 0.1rem;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top: none;
    }
    .md-nav--primary {
        background-color: var(--md-nav-primary-bg-color);
        padding: 0.2rem;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }
    .md-sidebar--primary .md-sidebar__scrollwrap {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        background: var(--md-nav-mobile-sidebar-bg-color);
    }
    .md-nav--secondary .md-nav__title {
	    background: var(--md-nav-primary-bg-color);
    }
    .md-nav__toggle:checked ~ .md-nav > .md-nav__list {
        border-radius: 0px;
    }
    [data-md-toggle="drawer"]:checked ~ .md-container .md-sidebar--primary {
        box-shadow: none;
        transform: translateX(12.1rem);
        background: var(--md-nav-mobile-sidebar-bg-color);
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    [dir="ltr"] .md-nav--primary .md-nav__title .md-nav__icon {
        left: 0.6rem;
        top: 0.6rem;
    }
    .md-nav--secondary .md-nav__title[for="__toc"] {
        border-radius: 0px;
        padding-left: 25px;
    }
    .md-nav__toggle:checked ~ .md-nav > .md-nav__list {
	    padding-left: 25px;
    }
}

/* Hide top button above 960px */
@media screen and (min-width: 60em) {
    .md-top {
        display: none;
    }
}

/* Table of contents mobile styling below 960px */
@media screen and (max-width: 59.9375em) {
    .md-nav--secondary {
        background-color: var(--md-primary-fg-color);
    }

    .md-nav--secondary .md-nav__list {
        background-color: var(--md-primary-fg-color);
    }

}

/* Fix nav gap issue at 1220px breakpoint */
@media screen and (max-width: 76.249em) and (min-width: 60em) {
    .md-nav--secondary .md-nav__title {
        margin-bottom: 0rem;
        padding: 0.5rem;
    }
}

[data-md-color-scheme="mgd"] {
    /* Default Colors */
    --md-default-fg-color: rgba(255, 255, 255, 0.9);
    --md-default-bg-color: #111111;
    --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTQ3MEIyIj48cGF0aCBkPSJNNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0iTTUuNzY1IDFIMTF2NS4zOUw5LjQyNyA3LjkzN2wtMS4zMS0xLjMxTDUuMzkzIDkuMzVsLTIuNjktMi42ODggMi44MS0yLjgwOEw0LjIgMi41NDR6Ii8+PC9nPjwvc3ZnPg==");
    --md-accent-fg-color: #e470b2;
    --md-primary-fg-color: #370322;

    /* Custom Interactive Colors */
    --md-interactive-primary: #df407d;
    --md-interactive-secondary: #6d0249;
    --md-bg-tertiary: #24141f;
    --md-card-bg-color: #0f0a0c;
    --md-interactive-secondary-shadow: rgba(109, 2, 73, 0.3);

    --md-accent-fg-color--transparent: #24141f;

    /* Light and Dark Variants */
    --md-default-fg-color--light: #e6e6e6;
    --md-default-fg-color--lighter: #e470b2;
    --md-default-fg-color--lightest: #6d0249;
    --md-default-bg-color--light: #bcbcbc;
    --md-default-bg-color--lighter: #222222;
    --md-default-bg-color--lightest: #111111;

    --md-default-fg-color--table: #0c0c0c;

    /* Navigation Colors - Dark Theme */
    --md-nav-primary-bg-color: #1a0e14;
    --md-nav-link-color: rgba(255, 255, 255, 0.9);
    --md-nav-link-hover-bg-color: #370322;
    --md-nav-link-hover-color: #e470b2;
    --md-nav-link-active-bg-color: #370322;
    --md-nav-link-active-color: #e470b2;
    --md-nav-title-bg-color: #370322;
    --md-nav-title-color: #ffffff;
    --md-nav-section-bg-color: #2a1a20;
    --md-nav-section-color: #e470b2;
    --md-nav-section-border-color: #370322;
    --md-nav-section-hover-bg-color: #370322;
    --md-nav-section-hover-color: #ffffff;
    --md-nav-nested-bg-color: #0f0a0c;
    --md-nav-item-border-color: rgba(55, 3, 34, 0.3);
    --md-nav-mobile-border-color: #370322;
    --md-nav-mobile-sidebar-bg-color: #1a0e1400;
    --md-nav-secondary-bg-color: #1a0e14;

    /* Code Colors */
    --md-code-fg-color: #cb686e;
    --md-code-bg-color: #221d20;

    /* Code Highlighting Colors */
    --md-code-hl-color: #df407d;
    --md-code-hl-color--light: #005f99;

    /* Code Syntax Colors */
    --md-code-hl-number-color: #a1ffe0;
    --md-code-hl-special-color: #c678dd;
    --md-code-hl-function-color: #57b3ff;
    --md-code-hl-constant-color: #56b6c2;
    --md-code-hl-keyword-color: #ff7085;
    --md-code-hl-string-color: #cb686e;
    --md-code-hl-name-color: #e0e0e0;
    --md-code-hl-operator-color: #e0e0e0;
    --md-code-hl-punctuation-color: #e0e0e0;
    --md-code-hl-comment-color: #aaaaaa;
    --md-code-hl-generic-color: #e0e0e0;
    --md-code-hl-variable-color: #e0e0e0;

    /* Typeset Colors */
    --md-typeset-color: #ffffff;
    --md-typeset-a-color: #e470b2;
    --md-typeset-kbd-color: #dcdcdc;
    --md-typeset-kbd-accent-color: #ffffff;
    --md-typeset-kbd-border-color: #444444;
    --md-typeset-mark-color: #ff40a958;
    --md-typeset-table-color: #f0f0f0;
    --md-typeset-table-color--light: #e0e0e0;

    /* Admonition Colors */
    --md-admonition-fg-color: #ffffff;
    --md-admonition-bg-color: #370322;

    /* Footer Colors */
    --md-footer-bg-color: #370322;
    --md-footer-bg-color--dark: #0f0a0c;

    /* Shadow Depths */
    --md-shadow-z1: 0 4px 10px rgba(0, 0, 0, 0.05);
    --md-shadow-z2: 0 4px 10px rgba(0, 0, 0, 0.25);
    --md-shadow-z3: 0 4px 10px rgba(0, 0, 0, 0.4);

    button {
        background-color: var(--md-default-bg-color);
        color: var(--md-default-fg-color);
        border: 1px solid var(--md-default-fg-color--light);
    }

    table {
        background-color: var(--md-default-bg-color--light);
        color: var(--md-default-fg-color);
    }
}

[data-md-color-scheme="mgd-light"] {
    --external-reference-icon: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTQ3MEIyIj48cGF0aCBkPSJNNy41IDcuMXYzLjRoLTZ2LTZoMy40Ii8+PHBhdGggZD0iTTUuNzY1IDFIMTF2NS4zOUw5LjQyNyA3LjkzN2wtMS4zMS0xLjMxTDUuMzkzIDkuMzVsLTIuNjktMi42ODggMi44MS0yLjgwOEw0LjIgMi41NDR6Ii8+PC9nPjwvc3ZnPg==");
    /* Default Colors - Light Theme */
    --md-default-fg-color: rgba(36, 23, 30, 0.9);
    --md-default-bg-color: #faf8f9;

    --md-accent-fg-color: #df407d;
    --md-primary-fg-color: #cd98b6;

    --md-accent-fg-color--transparent: #c49ba6;

    /* Custom Interactive Colors */
    --md-interactive-primary: #e6cbdc;
    --md-interactive-secondary: #cd98b6;
    --md-card-bg-color: #ebe0e6;
    --md-interactive-secondary-shadow: #cccccc;

    --md-default-fg-color--table: #f5e6eb;

    /* Light and Dark Variants */
    --md-default-fg-color--light: rgba(43, 28, 41, 0.9);
    --md-default-fg-color--lighter: #df407d;
    --md-default-fg-color--lightest: #f8d7da;
    --md-default-bg-color--light: #cd98b6;
    --md-default-bg-color--lighter: #78df40;
    --md-default-bg-color--lightest: rgba(36, 23, 30, 0.9);

    /* Navigation Colors - Light Theme */
    --md-primary-bg-color: rgba(36, 23, 30, 0.9);
    --md-nav-primary-bg-color: #cd98b6;
    --md-nav-link-color: rgba(66, 0, 34, 0.9);
    --md-nav-link-hover-bg-color: #f8d7da;
    --md-nav-link-hover-color: #5a3a44;
    --md-nav-link-active-bg-color: #f8d7da;
    --md-nav-link-active-color: rgba(34, 0, 18, 0.9);
    --md-nav-title-bg-color: #f8d7da;
    --md-nav-title-color: rgba(36, 23, 30, 0.9);
    --md-nav-section-bg-color: #f8d7da;
    --md-nav-section-color: #5a3a44;
    --md-nav-section-border-color: #ff0044;
    --md-nav-section-hover-bg-color: #ff0011;
    --md-nav-section-hover-color: #3c262e;
    --md-nav-nested-bg-color: #f8d7da;
    --md-nav-item-border-color: rgba(196, 155, 166, 0.3);
    --md-nav-mobile-border-color: rgba(196, 155, 166, 0.3);
    --md-nav-mobile-sidebar-bg-color: #e8d5da00;
    --md-nav-secondary-bg-color: #cd98b6;

    /* Code Colors - Light Theme */
    --md-code-fg-color: #761d38;
    --md-code-bg-color: #f7f3f5;

    /* Code Highlighting Colors - Light Theme */
    --md-code-hl-color: #c49ba6;
    --md-code-hl-color--light: #7199aa;

    /* Code Syntax Colors - Light Theme */
    --md-code-hl-number-color: #0066a2;
    --md-code-hl-special-color: #9b7788;
    --md-code-hl-function-color: #027bde;
    --md-code-hl-constant-color: #6b8899;
    --md-code-hl-keyword-color: #850049;
    --md-code-hl-string-color: #761d38;
    --md-code-hl-name-color: #4a4a4a;
    --md-code-hl-operator-color: #4a4a4a;
    --md-code-hl-punctuation-color: #4a4a4a;
    --md-code-hl-comment-color: #999999;
    --md-code-hl-generic-color: #4a4a4a;
    --md-code-hl-variable-color: #4a4a4a;

    /* Typeset Colors - Light Theme */
    --md-typeset-color: #3c262e;
    --md-typeset-a-color: #df407d;
    --md-typeset-kbd-color: #555555;
    --md-typeset-kbd-accent-color: #000000;
    --md-typeset-kbd-border-color: #cccccc;
    --md-typeset-mark-color: #f5aae469;
    --md-typeset-table-color: #4a4a4a;
    --md-typeset-table-color--light: #777777;

    /* Admonition Colors - Light Theme */
    --md-admonition-fg-color: rgba(36, 23, 30, 0.9);
    --md-admonition-bg-color: #f8d7da;

    /* Footer Colors - Light Theme */
    --md-footer-bg-color: #cd98b6;
    --md-footer-bg-color--dark: #faf8f9;
    --md-footer-fg-color--light: rgba(36, 23, 30, 0.9);
    --md-footer-fg-color--lighter: rgba(36, 23, 30, 0.9);
    --md-footer-fg-color: #df407d;

    /* Shadow Depths - Light Theme */
    --md-shadow-z1: 0 4px 10px rgba(196, 155, 189, 0.1);
    --md-shadow-z2: 0 4px 10px rgba(196, 155, 184, 0.2);
    --md-shadow-z3: 0 4px 10px rgba(196, 155, 186, 0.3);

    button {
        background-color: var(--md-default-bg-color);
        color: var(--md-default-fg-color);
        border: 1px solid rgb(255, 0, 68);
    }

    table {
        background-color: var(--md-default-bg-color--light);
        color: var(--md-default-fg-color);
    }
    .md-footer__title {
	color: var(--md-nav-link-color);
}
}