/* nevla brand for mdBook (palette: art/DESIGN.md) */
:root {
    --nevla: #c86fb9;
    --nevla-deep: #a94f9a;
    --nevla-deeper: #8d3f81;
}

.light,
.rust {
    --nevla-band: #f6e7f2;
    --links: #a94f9a;
    --sidebar-active: #a94f9a;
    --sidebar-header-border-color: #a94f9a;
    --search-mark-bg: #f3d9ee;
    --bg: #ffffff;
    --sidebar-bg: #fbf7fa;
}

.navy,
.coal,
.ayu {
    --nevla-band: #382b34;
    --links: #d98fcd;
    --sidebar-active: #d98fcd;
    --sidebar-header-border-color: #c86fb9;
    --search-mark-bg: #5c3355;
    --bg: #231c21;
    --content-bg: #231c21;
    --sidebar-bg: #2e242b;
    --fg: #ece5ea;
}

/* the sticky/hover rules in mdBook's chrome.css re-set the background,
   so every variant needs covering */
#mdbook-menu-bar,
#mdbook-menu-bar.sticky,
#mdbook-menu-bar:hover,
html.sidebar-visible #mdbook-menu-bar {
    background: var(--nevla-band);
    border-bottom: 2px solid var(--nevla);
}

/* a sidebar that hits its end must not scroll the page under the cursor */
.sidebar .sidebar-scrollbox {
    overscroll-behavior: contain;
}

/* inline runners (runnable.js) */
pre { position: relative; }
button.nevla-run {
    position: absolute;
    top: 0.4rem;
    right: 3rem; /* clear of mdBook's hover clipboard button (right: 0, ~2.7rem wide) */
    z-index: 101; /* above pre > .buttons (100) so it stays clickable */
    font: 600 0.75rem system-ui, sans-serif;
    padding: 0.2rem 0.7rem;
    border-radius: 5px;
    border: 1px solid var(--nevla-deep);
    background: var(--nevla-deep);
    color: #fff;
    cursor: pointer;
}
button.nevla-run:hover { background: var(--nevla-deeper); }
pre.nevla-out {
    border-left: 3px solid var(--nevla);
    padding: 0.5rem 0.9rem;
    font-size: 0.85em;
    white-space: pre-wrap;
}
pre.nevla-out.err { border-left-color: #d4526e; color: #d4526e; }