/* Light mode styles */
@media (prefers-color-scheme: light) {
    /* Override right margin/empty space background to white */
    .wy-nav-content-wrap, .wy-nav-content {
        background-color: #ffffff !important;
    }

    /* Override background of code blocks (especially shell/console) */
    .highlight .hll {
        background-color: transparent !important;
    }

    /* General code block override */
    div.highlight pre {
        background-color: #f8f8f8 !important;  /* light gray or whatever you like */
        color: #2c3e50;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 1em;
        font-family: Consolas, Monaco, monospace;
    }
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
    /* Override right margin/empty space background to dark */
    .wy-nav-content-wrap, .wy-nav-content {
        background-color: #1a1a1a !important;
    }

    /* Override main text color to white */
    body, .wy-nav-content, .rst-content {
        color: #ffffff !important;
    }

    /* Override background of code blocks (especially shell/console) */
    .highlight .hll {
        background-color: transparent !important;
    }

    /* General code block override for dark mode */
    div.highlight pre {
        background-color: #2d2d2d !important;
        color: #ffffff;
        border: 1px solid #444;
        border-radius: 5px;
        padding: 1em;
        font-family: Consolas, Monaco, monospace;
    }

    /* Override inline code background and color for dark mode */
    code, .rst-content code {
        background-color: #2d2d2d !important;
        color: #ffffff !important;
    }
}