/* Ossenbloed, as in the app (src/gui/theme.rs): dark brown panes and an oxblood sidebar for dark, warm paper for light. Every built-in theme maps to one of the two. */

@font-face {
    font-family: "Newsreader";
    font-weight: 500;
    src: url("../fonts/Newsreader-Medium.ttf") format("truetype");
}

.ayu, .coal, .navy {
    --bg: #231919;
    --fg: #efe3d6;
    --sidebar-bg: #2a0e11;
    --sidebar-fg: #f1e4d8;
    --sidebar-non-existant: #c29a92;
    --sidebar-active: #d9b36a;
    --sidebar-spacer: #4a2226;
    --sidebar-header-border-color: #d9b36a;
    --scrollbar: #3a2b2c;
    --icons: #b09a93;
    --icons-hover: #e9c9b0;
    --links: #e9c9b0;
    --inline-code-color: #e9c9b0;
    --theme-popup-bg: #1a1213;
    --theme-popup-border: #3a2b2c;
    --theme-hover: #2e2223;
    --quote-bg: #1a1213;
    --quote-border: #3a2b2c;
    --warning-border: #e6b85c;
    --table-border-color: #3a2b2c;
    --table-header-bg: #2e2223;
    --table-alternate-bg: #1a1213;
    --searchbar-border-color: #3a2b2c;
    --searchbar-bg: #140e0f;
    --searchbar-fg: #efe3d6;
    --searchbar-shadow-color: #140e0f;
    --searchresults-header-fg: #b09a93;
    --searchresults-border-color: #3a2b2c;
    --searchresults-li-bg: #2e2223;
    --search-mark-bg: #c99a3e;
    --footnote-highlight: #c99a3e;
    --overlay-bg: rgba(20, 14, 15, 0.6);
    --blockquote-note-color: #e9c9b0;
    --blockquote-tip-color: #9ccb8f;
    --blockquote-important-color: #c99a3e;
    --blockquote-warning-color: #e6b85c;
    --blockquote-caution-color: #f08a8a;
}

.light, .rust, html:not(.js) {
    --bg: #fbf8f3;
    --fg: #2b1a1c;
    --sidebar-bg: #3b1418;
    --sidebar-fg: #f1e4d8;
    --sidebar-non-existant: #c29a92;
    --sidebar-active: #d9b36a;
    --sidebar-spacer: #5a2a2f;
    --sidebar-header-border-color: #d9b36a;
    --scrollbar: #e3d8cb;
    --icons: #6e5958;
    --icons-hover: #9a4a1c;
    --links: #9a4a1c;
    --inline-code-color: #9a4a1c;
    --theme-popup-bg: #f3ece2;
    --theme-popup-border: #e3d8cb;
    --theme-hover: #eadfd0;
    --quote-bg: #f3ece2;
    --quote-border: #e3d8cb;
    --warning-border: #8a5a00;
    --table-border-color: #e3d8cb;
    --table-header-bg: #eadfd0;
    --table-alternate-bg: #f3ece2;
    --searchbar-border-color: #e3d8cb;
    --searchbar-bg: #fffdfa;
    --searchbar-fg: #2b1a1c;
    --searchbar-shadow-color: #e3d8cb;
    --searchresults-header-fg: #6e5958;
    --searchresults-border-color: #e3d8cb;
    --searchresults-li-bg: #eadfd0;
    --search-mark-bg: #d9b36a;
    --footnote-highlight: #d9b36a;
    --overlay-bg: rgba(43, 26, 28, 0.3);
    --blockquote-note-color: #9a4a1c;
    --blockquote-tip-color: #2e6b3a;
    --blockquote-important-color: #8c6720;
    --blockquote-warning-color: #8a5a00;
    --blockquote-caution-color: #a8202e;
}

.ayu .hljs, .coal .hljs, .navy .hljs { background: #1a1213; }
.light .hljs, .rust .hljs, html:not(.js) .hljs { background: #f3ece2; }

h1, h2, h3, h4 {
    font-family: "Newsreader", Georgia, serif;
    font-weight: 500;
}

/* Screenshots come in a light and a dark variant, marked the way GitHub switches them; here the theme picks one. */
img[src$="#gh-dark-mode-only"],
.ayu img[src$="#gh-light-mode-only"], .coal img[src$="#gh-light-mode-only"], .navy img[src$="#gh-light-mode-only"] {
    display: none;
}
.ayu img[src$="#gh-dark-mode-only"], .coal img[src$="#gh-dark-mode-only"], .navy img[src$="#gh-dark-mode-only"] {
    display: inline;
}

/* The logo replaces the title text; font-size 0 keeps "Postbode" for screen readers. */
.menu-title {
    background: url("../logo.svg") center / contain no-repeat;
    font-size: 0;
    height: 32px;
}