/* Catppuccin Mocha (dark) and Latte (light), peach and mint, to match assets/logo.svg. Every built-in theme maps to one of the two. */

.ayu, .coal, .navy {
    --bg: #1e1e2e;
    --fg: #cdd6f4;
    --sidebar-bg: #181825;
    --sidebar-fg: #a6adc8;
    --sidebar-non-existant: #6c7086;
    --sidebar-active: #fab387;
    --sidebar-spacer: #313244;
    --sidebar-header-border-color: #94e2d5;
    --scrollbar: #45475a;
    --icons: #7f849c;
    --icons-hover: #94e2d5;
    --links: #94e2d5;
    --inline-code-color: #fab387;
    --theme-popup-bg: #181825;
    --theme-popup-border: #45475a;
    --theme-hover: #313244;
    --quote-bg: #181825;
    --quote-border: #45475a;
    --warning-border: #f9e2af;
    --table-border-color: #45475a;
    --table-header-bg: #313244;
    --table-alternate-bg: #181825;
    --searchbar-border-color: #45475a;
    --searchbar-bg: #11111b;
    --searchbar-fg: #cdd6f4;
    --searchbar-shadow-color: #11111b;
    --searchresults-header-fg: #a6adc8;
    --searchresults-border-color: #45475a;
    --searchresults-li-bg: #313244;
    --search-mark-bg: #fab387;
    --footnote-highlight: #fab387;
    --overlay-bg: rgba(17, 17, 27, 0.6);
    --blockquote-note-color: #94e2d5;
    --blockquote-tip-color: #a6e3a1;
    --blockquote-important-color: #fab387;
    --blockquote-warning-color: #f9e2af;
    --blockquote-caution-color: #f38ba8;
}

.light, .rust, html:not(.js) {
    --bg: #eff1f5;
    --fg: #4c4f69;
    --sidebar-bg: #e6e9ef;
    --sidebar-fg: #6c6f85;
    --sidebar-non-existant: #9ca0b0;
    --sidebar-active: #fe640b;
    --sidebar-spacer: #ccd0da;
    --sidebar-header-border-color: #179299;
    --scrollbar: #bcc0cc;
    --icons: #8c8fa1;
    --icons-hover: #179299;
    --links: #179299;
    --inline-code-color: #fe640b;
    --theme-popup-bg: #e6e9ef;
    --theme-popup-border: #bcc0cc;
    --theme-hover: #ccd0da;
    --quote-bg: #e6e9ef;
    --quote-border: #bcc0cc;
    --warning-border: #df8e1d;
    --table-border-color: #bcc0cc;
    --table-header-bg: #ccd0da;
    --table-alternate-bg: #e6e9ef;
    --searchbar-border-color: #bcc0cc;
    --searchbar-bg: #ffffff;
    --searchbar-fg: #4c4f69;
    --searchbar-shadow-color: #bcc0cc;
    --searchresults-header-fg: #6c6f85;
    --searchresults-border-color: #bcc0cc;
    --searchresults-li-bg: #ccd0da;
    --search-mark-bg: #fe640b;
    --footnote-highlight: #fe640b;
    --overlay-bg: rgba(76, 79, 105, 0.3);
    --blockquote-note-color: #179299;
    --blockquote-tip-color: #40a02b;
    --blockquote-important-color: #fe640b;
    --blockquote-warning-color: #df8e1d;
    --blockquote-caution-color: #d20f39;
}

.ayu .hljs, .coal .hljs, .navy .hljs { background: #181825; }
.light .hljs, .rust .hljs, html:not(.js) .hljs { background: #e6e9ef; }

.menu-title, h1, h2, h3, h4 {
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* 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;
}