/* Setting up Avular Theme Colors */
[data-md-color-scheme="avular_default"] {

    /* Primary color shades */
    --md-primary-fg-color: #a0a0a5;
    /* Lunar 1 */
    --md-primary-fg-color--light: #231f20;
    /*Black */
    --md-primary-fg-color--dark: #ffffff;
    /* White*/
    --md-primary-bg-color: #ffffff;
    /* White*/
    --md-primary-bg-color--light: #ffffff;
    /* White*/
    --md-typeset-a-color: #779ad0;
    /* Neptune 3 */

    /* Accent color shades */
    --md-accent-fg-color: #ee1e47;
    /* Martian */
    --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
    --md-accent-bg-color: #ffffff;
    /* White*/
    --md-accent-bg-color--light: #a0a0a5;
    /* Lunar 1 */

    /* Code block color shades */
    --md-code-bg-color: #e7e7ed;
    /* Lunar 7 */
    --md-code-fg-color: #1f252f;
    /* Ebony Clay */

    /* Footer */
    --md-footer-bg-color: #a0a0a5;
    /* Lunar 1 */
    --md-footer-bg-color--dark: #ffffff;
    /* White*/
    --md-footer-fg-color: #a0a0a5;
    /* Lunar 1 */
    --md-footer-fg-color--light: #a0a0a5;
    /* Lunar 1 */
    --md-footer-fg-color--lighter: #a0a0a5;
    /* Lunar 1 */
}

.wy-side-nav-search {
    background-color: #a0a0a5;
    /* Lunar 1 */
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: #ffffff
        /* White*/
}

/* Default width of the text block */
.md-grid {
    max-width: 4 0%;
}

.md-sidebar {
    width: px2rem(480px);
}

/* Media query for medium-sized screens */
@media only screen and (max-width: px2rem(1920px)) {
    .md-sidebar {
        width: px2rem(300px);
    }
}

/* extra.css */
code, pre {
    font-family: "Martian Mono", "Courier New", Courier, monospace;
    /* font-size: 14px; Adjust the font size as needed */
  }