:root {
    --md-primary-fg-color: #3578E5;
    --md-primary-fg-color--light: #60A5FA;
    --md-primary-fg-color--dark: #1E40AF;
    --md-accent-fg-color: #3578E5;
    --md-code-hl-color: rgba(0, 0, 0, 0.1);
    --md-header-fg-color: #ffffff;
}
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #4fabd6;
    --md-primary-fg-color--light: #8bc8e6;
    --md-primary-fg-color--dark: #258bbd;
    --md-accent-fg-color: #4fabd6;
    --md-code-hl-color: rgba(0, 0, 0, 0.3);
    --md-header-fg-color: #ffffff;
}
.md-footer {
    position: static !important;
    background: transparent !important;
}
.md-footer-meta {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 10 !important;
    background: rgba(10, 10, 10, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.5) !important;
    padding: 0.2rem 0 !important;
}
[data-md-color-scheme="default"] .md-footer-meta {
    background: rgba(255, 255, 255, 0.75) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.md-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: rgba(10, 10, 10, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
}
.md-tabs {
    position: sticky !important;
    top: 2.4rem !important;
    z-index: 99 !important;
    background: rgba(10, 10, 10, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
    background: color-mix(in srgb, var(--md-primary-fg-color) 75%, transparent) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
body {
    background-color: transparent !important;
}
body::before {
    content: "";
    position: fixed;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('../assets/images/background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(5px);
    z-index: -1;
    pointer-events: none;
}
.md-content {
    background: rgba(10, 10, 10, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 12px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.05);
}
[data-md-color-scheme="default"] body::before {
    background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('../assets/images/background.png');
}
[data-md-color-scheme="default"] .md-content {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.md-path__item {
    background-color: #fbd304 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    padding: 2px 18px 2px 10px !important;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
    display: inline-flex;
    align-items: center;
    border-radius: 4px 0 0 4px !important;
    margin-right: 4px !important;
    margin-bottom: 8px !important;
    transition: background-color 0.2s;
}
.md-path__item:hover {
    background-color: #ffdf33 !important;
}
.md-path__link {
    color: #000000 !important;
    text-decoration: none !important;
}
.md-path__item::after,
.md-path__item::before {
    display: none !important;
}
.md-sidebar .md-nav__link,
.md-sidebar .md-nav__link:hover,
.md-sidebar .md-nav__link:focus,
.md-sidebar .md-nav__link--active,
.md-sidebar .md-nav__item--active>.md-nav__link,
.md-sidebar .md-nav__item>.md-nav__link[data-md-state="active"],
.md-nav--secondary .md-nav__link,
.md-nav--secondary .md-nav__link:hover,
.md-nav--secondary .md-nav__link--active,
.md-sidebar .md-nav__title,
.md-sidebar .md-nav__title[for] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.md-sidebar .md-nav__link::before,
.md-sidebar .md-nav__link::after,
.md-nav--secondary .md-nav__link::before,
.md-nav--secondary .md-nav__link::after,
.md-sidebar .md-nav__title::before,
.md-sidebar .md-nav__title::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
[data-md-color-scheme="slate"] .md-sidebar .md-nav__link,
[data-md-color-scheme="slate"] .md-sidebar .md-nav__title,
[data-md-color-scheme="slate"] .md-sidebar .md-nav__title[for] {
    color: rgba(255, 255, 255, 0.85) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}
.md-nav__item--section > .md-nav__title,
.md-nav__item--section > .md-nav__link {
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    opacity: 0.9 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.2rem !important;
}
.md-sidebar .md-nav__link:hover,
.md-sidebar .md-nav__link--active,
.md-sidebar .md-nav__item--active > .md-nav__link {
    color: var(--md-primary-fg-color) !important;
}
[data-md-color-scheme="slate"] .md-sidebar .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-sidebar .md-nav__link--active,
[data-md-color-scheme="slate"] .md-sidebar .md-nav__item--active > .md-nav__link {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}
.md-grid {
    max-width: 75rem !important;
}
[data-md-color-scheme="default"] .md-social__link[href*="discord"] {
    color: #5865f2 !important;
    transition: opacity 0.2s;
}
[data-md-color-scheme="default"] .md-social__link[href*="github"] {
    color: #111111 !important;
    transition: opacity 0.2s;
}
[data-md-color-scheme="default"] .md-social__link:hover {
    opacity: 0.6;
}
[data-md-color-scheme="slate"] .md-social__link {
    color: #ffffff !important;
    transition: opacity 0.2s;
}
[data-md-color-scheme="slate"] .md-social__link:hover {
    opacity: 0.6;
}