/*
 * Vyrox docs theme variables.
 *
 * Dark-only by design. The brand surface is "void" and the docs are
 * read in operator contexts where a white page is the wrong choice.
 * Every built-in mdBook theme class (.light, .navy, .coal, .ayu, .rust)
 * resolves to the same dark colour set so a stale localStorage
 * preference cannot flash a light page.
 *
 * The palette comes from product.md:
 *   void     #050505   page background
 *   pitch    #0A0A0B   raised surface
 *   graphite #14141A   sidebar surface
 *   ash      #1F1F26   borders, rules
 *   bone     #ECE3CC   primary text on void
 *   clay     #6B5E48   muted text on void
 *   marrow   #FFE6B0   inline code colour
 *   ember    #E8462E   primary accent
 *   ember-2  #FF6A3D   active links, active sidebar
 *   ember-3  #FF9156   link colour, brighter for AA contrast
 *   rust     #8B2A12   search-highlight background
 */

:root {
    --content-max-width: 820px;
    --sidebar-target-width: 290px;
}

/*
 * Single declaration block applied to every theme name. mdBook switches
 * the html class but every class resolves to the same values. We pin
 * `color-scheme: dark` on :root too so browser-provided UI (scrollbars,
 * form controls) match.
 */
:root,
html,
.light,
.rust,
.coal,
.navy,
.ayu,
html:not(.js) {
    --bg: #0a0a0b;
    --fg: #ece3cc;

    --sidebar-bg: #050505;
    --sidebar-fg: #ece3cc;
    --sidebar-non-existant: #6b5e48;
    --sidebar-active: #ff6a3d;
    --sidebar-spacer: #14141a;

    --scrollbar: #2a2a30;

    --icons: #8a8a90;
    --icons-hover: #ff6a3d;

    --links: #ff9156;
    --inline-code-color: #ffe6b0;

    --theme-popup-bg: #0a0a0b;
    --theme-popup-border: #1f1f26;
    --theme-hover: #14141a;

    --quote-bg: #14141a;
    --quote-border: #1f1f26;

    --warning-border: #c9892f;

    --table-border-color: #1f1f26;
    --table-header-bg: #14141a;
    --table-alternate-bg: #0e0e12;

    --searchbar-border-color: #1f1f26;
    --searchbar-bg: #14141a;
    --searchbar-fg: #ece3cc;
    --searchbar-shadow-color: rgba(255, 106, 61, 0.18);
    --searchresults-header-fg: #c9bfa8;
    --searchresults-border-color: #1f1f26;
    --searchresults-li-bg: #0a0a0b;
    --search-mark-bg: #8b2a12;

    --color-scheme: dark;
}

::selection {
    background: rgba(255, 106, 61, 0.32);
    color: #ece3cc;
}

/*
 * Hide the theme picker entirely. Dark is the only mode; offering a
 * choice that does nothing is worse than offering no choice.
 */
.icon-button#theme-toggle,
.icon-button[aria-controls="theme-list"],
#theme-list {
    display: none !important;
}