/* Hide mdBook's keyboard-shortcut help overlay */
#mdbook-help-container {
    display: none !important;
}

/* System font stack */
html {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
}

/* Coal theme: match surebeans.net dark mode palette */
.coal {
    --bg: #212121 !important;
    --fg: #dcdcdc !important;

    --sidebar-bg: #1a1a1a !important;
    --sidebar-fg: #dcdcdc !important;
    --sidebar-non-existant: #888 !important;
    --sidebar-active: #ffb300 !important;
    --sidebar-spacer: #333 !important;

    --scrollbar: var(--sidebar-fg);

    --icons: #888 !important;
    --icons-hover: #dcdcdc !important;

    --links: #ffb300 !important;

    --inline-code-color: #f06292 !important;

    --theme-popup-bg: #1a1a1a !important;
    --theme-popup-border: #555 !important;
    --theme-hover: #333 !important;

    --quote-bg: #2a2a2a !important;
    --quote-border: #555 !important;

    --table-border-color: #555 !important;
    --table-header-bg: #2a2a2a !important;
    --table-alternate-bg: #1a1a1a !important;

    --searchbar-border-color: #555 !important;
    --searchbar-bg: #2a2a2a !important;
    --searchbar-fg: #dcdcdc !important;
    --searchresults-header-fg: #ababab !important;
    --searchresults-border-color: #555 !important;
    --searchresults-li-bg: #2a2a2a !important;
    --search-mark-bg: #ffb300 !important;

    --footnote-highlight: #ffb300 !important;
    --overlay-bg: rgba(33, 33, 33, 0.8) !important;
}

/* Light theme: match surebeans.net light mode palette */
.light, .rust {
    --links: #0d47a1 !important;
    --sidebar-active: #0d47a1 !important;
    --search-mark-bg: #0d47a1 !important;
    --footnote-highlight: #0d47a1 !important;
    --inline-code-color: #d81b60 !important;
}

/* Screenshot placeholder styling */
.screenshot {
    margin: 1.5rem 0;
    text-align: center;
}
.screenshot img {
    max-width: 100%;
    border: 1px solid var(--table-border-color);
    border-radius: 4px;
}

/* Platform badge */
.platform-badge {
    display: inline-block;
    font-size: 0.8em;
    padding: 0.1em 0.5em;
    border-radius: 3px;
    background: var(--quote-bg);
    border: 1px solid var(--table-border-color);
    margin-left: 0.5em;
    vertical-align: middle;
}