/* Dark-mode surface colours. Loaded after app.min.css.
 *
 * app.min.css ships a single [data-bs-theme=dark] block, and in it
 * --pe-secondary-bg is set to the brand indigo, rgba(28, 6, 151). That
 * variable is not an accent colour: Bootstrap uses it as the *surface* behind
 * .card, .modal, .dropdown-menu, .popover, .toast, .accordion and
 * .form-control, and this theme puts .app-header and .footer on it too. In
 * light mode the same variable is plain #fff, which is why the indigo only
 * appeared in dark -- every panel in the app turned brand blue while the page
 * behind them stayed correctly near-black (#141724).
 *
 * Same selector and specificity as the vendor block, loaded later, so these
 * win without !important and app.min.css stays pristine for the next theme
 * update. The sidebar keeps its brand indigo: that is set separately and on
 * purpose, in both modes, by title-meta.html and layouts/*.html.
 */
[data-bs-theme="dark"] {
    /* This theme's own dark surface tone -- the value its dark block already
       gives --pe-light-bg-subtle, and near the #1e2538 it patches .bg-light
       to. One step up from the #141724 page, so panels read as raised. */
    --pe-secondary-bg: #212a40;
    --pe-secondary-bg-rgb: 33, 42, 64;

    /* Was `#212a40` -- a hex where a comma triple belongs. Every consumer
       wraps this as rgba(var(--pe-light-rgb), …), which a hex makes invalid,
       so the browser was dropping .text-light, .border-light, .link-light,
       .focus-ring-light, .text-bg-light and .link-underline-light in dark. */
    --pe-light-rgb: 33, 42, 64;
}