:root {
    --base-font-family: "Bricolage Grotesque", sans-serif !important;
    --theme-hue: 236 !important;
    --theme-saturation: 57.9% !important;
    --theme-lightness: 59% !important;
    --sidebar-width: 24rem !important;
    /* --link-color: #00AFEE !important; */
    --base-background-color: #0A0F15 !important;
    --mono-hue: 213 !important;
    --mono-saturation: 35.5% !important;
    --mono-shade3: hsl(var(--mono-hue), var(--mono-saturation), 3%) !important;
    --mono-shade2: hsl(var(--mono-hue), var(--mono-saturation), 5%) !important;
    --mono-shade1: hsl(var(--mono-hue), var(--mono-saturation), 7%) !important;
    --mono-base: hsl(var(--mono-hue), var(--mono-saturation), 19%) !important;
    --mono-tint1: hsl(var(--mono-hue), var(--mono-saturation), 25%) !important;
    --mono-tint2: hsl(var(--mono-hue), var(--mono-saturation), 15%) !important;
    --mono-tint3: hsl(var(--mono-hue), var(--mono-saturation), 23%) !important;

    --docsifytabs-tab-color: #ffffff95 !important;

    --link-text-decoration: none !important;
    --link-color: hsl(var(--theme-hue), var(--theme-saturation), var(--theme-lightness)) !important;
}

.app-nav a {
    color: var(--base-color);
    margin-right: 1rem;
}

.app-nav a:last-child {
    margin-right: 0;
}

.sidebar-nav ul > li > p {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.sidebar-nav > ul {
    margin-bottom: 3rem;
}
.sidebar-nav > ul:last-child {
    margin-bottom: 0;
}

/* mermaid */
.mermaid {
    background: white;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;

    .edgeLabel P {
        background:white;
        padding: auto 2px auto 2px;
    }

    .cluster>rect {
        padding: 1rem;
    }
}
/* end mermaid */

.github-corner svg {
    fill: white !important;
}

.markdown-section li> a {
    color: var(--link-color) !important;
}

/* clear button search */
.clear-button.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.markdown-section code:not([class*=lang-]):not([class*=language-]) {
    color: orange;
}