@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");

:root {
    --text-color: black;
    --bg-color: white;
    --menu-title-color: black;
    --active-text-color: white;
    --active-bg-color: black;
    --hover-color: black;
}

@media (prefers-color-scheme: dark) {
    :root {
        --text-color: #c5c5c5;
        --bg-color: #1a1a1a;
        --menu-title-color: #c5c5c5;
        --active-text-color: #1a1a1a;
        --active-bg-color: #c5c5c5;
        --hover-color: #c5c5c5;
    }
}

html {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.menu-title {
    font-weight: bold;
    color: var(--menu-title-color);
}

.chapter-item {
    .active {
        color: var(--active-text-color) !important;
        background: var(--active-bg-color);
    }
    .active:hover {
        color: var(--active-text-color) !important;
    }
}

.chapter-link-wrapper > a:hover {
    color: var(--hover-color) !important;
}

#mdbook-theme-toggle,
#mdbook-theme-list {
    display: none !important;
}