@function interpolate($color1, $color2, $weight) {
    // Extract RGB values for color1
    $red1: red($color1);
    $green1: green($color1);
    $blue1: blue($color1);

    // Extract RGB values for color2
    $red2: red($color2);
    $green2: green($color2);
    $blue2: blue($color2);

    // Interpolate RGB values
    $red: $red1 + ($red2 - $red1) * $weight;
    $green: $green1 + ($green2 - $green1) * $weight;
    $blue: $blue1 + ($blue2 - $blue1) * $weight;

    // Return the interpolated color
    @return rgb($red, $green, $blue);
}

.CodeMirror {
    height: auto !important;
}

.mkdocs-DefaultLayoutView,
.mkdocs-DefaultLayoutView-s,
.mkdocs-DefaultLayoutView-xs,
.mkdocs-DefaultLayoutView-xxs {
    font-family: serif;
}

.mkdocs-DefaultLayoutView {
    font-size: 16px;
}

.mkdocs-DefaultLayoutView-s,
.mkdocs-DefaultLayoutView-xs,
.mkdocs-DefaultLayoutView-xxs {
    font-size: 15px;
}

.mkdocs-NavigationView {
    font-size: 1em;
    line-height: 1.5rem;
    border-radius: 5px;
}

.mkdocs-TopBannerClassicView a {
    text-decoration: none;
}

.mkdocs-TOCView a {
    text-decoration: none;
}

.mkdocs-NavigationView .fv-tree-header:hover {
    background-color: rgba(
        red($color-focus),
        green($color-focus),
        blue($color-focus),
        0.05
    );
}
.mkdocs-NavigationView .fv-tree-selected {
    background-color: rgba(
        red($color-focus),
        green($color-focus),
        blue($color-focus),
        0.15
    );
}
.mkdocs-NavigationView .fv-tree-selected:hover {
    background-color: rgba(
        red($color-focus),
        green($color-focus),
        blue($color-focus),
        0.25
    );
}

.mkdocs-NavigationView .fv-text-focus {
    color: inherit !important;
}
.mkdocs-NavigationView .fv-hover-text-focus:hover {
    color: inherit !important;
}
.mkdocs-WrapperSideNav {
    width: 20em;
    line-height: 1.5em;
    font-size: 0.9em;
    position: sticky;
    top: 0px;
    max-height: 85vh;
}

.mkdocs-WrapperSideNav li {
    list-style-type: none;
}

.mkdocs-NavigationView .fv-tree-arianeLine {
    display: none;
}
.mkdocs-NavigationView .fv-tree-expand {
    display: none !important;
}
.mkdocs-TopBannerView {
    max-height: 50px;
}

.mkdocs-PageView {
    text-align: justify;
    font-size: 1em;
    line-height: 1.6;
}
.mkdocs-ts-expand-nav-node {
    transition: transform 0.5s ease 0s;
}

.mkdocs-ts-bg-highlight {
    background-color: #eab5191a;
}

.mkdocs-PageView h1,
.mkdocs-PageView h2,
.mkdocs-PageView h3,
.mkdocs-PageView h4,
.mkdocs-PageView h5,
.mkdocs-PageView h6 {
    font-weight: bolder;
    line-height: 1.5;
    color: inherit;
    text-transform: none;
}

.mkdocs-PageView h1 {
    font-size: 1.6em;
}
.mkdocs-PageView h2 {
    font-size: 1.2em;
}
.mkdocs-PageView h3 {
    font-size: 1.15em;
}
.mkdocs-PageView h4 {
    font-size: 1.1em;
}
.mkdocs-PageView h5 {
    font-size: 1.05em;
}
.mkdocs-PageView h6 {
    font-size: 1em;
}