:root {
    --neonet-blue: #1b3663;
    --neonet-yellow: #b88b2d;
}

/*
 * --header-bg and --footer-bg are set per tenant by head.blade.php; the fallback
 * is what production renders.
 *
 * Both assume a dark background -- the header is .navbar-dark and the footer
 * .text-light -- so a light tenant color renders unreadable text.
 */
footer {
    background-color: var(--footer-bg, var(--neonet-blue));
}

header {
    background-color: var(--header-bg, var(--neonet-blue));
}

.navbar-brand__net {
    color: var(--neonet-yellow);
}

/*
 * Only sticky from md up, where the sidebar sits beside the content; below that it
 * is stacked above and pinning it would cover what is being read. The offset reads
 * the row's --bs-gutter-x so it stays equal to the gap between the columns.
 */
@media (min-width: 768px) {
    .documentation-sidebar {
        --documentation-sidebar-top: var(--bs-gutter-x, 1.5rem);

        position: sticky;
        top: var(--documentation-sidebar-top);
        max-height: calc(100vh - (2 * var(--documentation-sidebar-top)));
        overflow-y: auto;
    }
}