@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap");

/* vkmEngine colours on top of doxygen-awesome. */

html {
    --primary-color: #4a9eff;
    --primary-dark-color: #2b7fe0;
    --primary-light-color: #8cc2ff;
    --page-foreground-color: #141414;
    --side-nav-fixed-width: 300px;
    --content-maxwidth: 1000px;
    --font-family-normal: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-family-monospace: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}

h1, h2, h3, h4, #projectname, div.header .title {
    font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
    letter-spacing: -0.015em;
}

/* Dark mode is the site's palette: the same background, panels, lines and text. */
html.dark-mode {
    color-scheme: dark;
    --primary-color: #4a9eff;
    --primary-dark-color: #8cc2ff;
    --primary-light-color: #2b7fe0;
    --page-background-color: #0b0d10;
    --page-foreground-color: #eef1f5;
    --page-secondary-foreground-color: #9ba5b1;
    --side-nav-background: #0b0d10;
    --side-nav-foreground: #eef1f5;
    --separator-color: #1f242b;
    --border-color: #1f242b;
    --code-background: #12151a;
    --fragment-background: #12151a;
    --fragment-foreground: #d3d9e0;
    --tablehead-background: #12151a;
    --blockquote-background: #12151a;
    --memdef-border-color: #1f242b;
    --toc-background: #12151a;
    --searchbar-background: #12151a;
}

.vkm-back {
    color: var(--page-secondary-foreground-color);
}

.vkm-back:hover {
    color: var(--primary-color);
}

#projectname a.vkm-home,
#projectname a.vkm-home:hover {
    color: inherit;
    text-decoration: none;
    background: none;
}

#projectlogo img {
    max-height: 40px;
}

html.dark-mode #nav-tree,
html.dark-mode #doc-content {
    scrollbar-color: #2a2f37 #0b0d10;
}