/* 🌑 Force true black background and white text in dark mode */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: black;
    /* page background */
    --md-default-fg-color: #ffffff;
    /* global text */
    --md-typeset-color: #ffffff;
    /* body text */
    --md-accent-fg-color: lightblue;
    /* accent links */

    /* 🧠 These two are the most important for the navbar */
    --md-primary-bg-color: #000000;
    /* navbar background */
    --md-primary-fg-color: #ffffff;
    /* navbar text/icons */

    /* Optional: make header flat and code stand out */
    --md-header-shadow: none;
    --md-code-fg-color: #03A9F4;
    --md-code-bg-color: #111111;
}


/* 🎨 Force white headers in dark mode */
[data-md-color-scheme="slate"] h1,
[data-md-color-scheme="slate"] h2,
[data-md-color-scheme="slate"] h3,
[data-md-color-scheme="slate"] h4,
[data-md-color-scheme="slate"] h5,
[data-md-color-scheme="slate"] h6 {
    color: #ffffff !important;
}

/* 🖤 Force black navbar background and white text/icons */
[data-md-color-scheme="slate"] .md-header {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #444;
    /* Dark grey line */
    border-left: none;
    border-right: none;
    border-top: none;
}


[data-md-color-scheme="slate"] .md-header__title,
[data-md-color-scheme="slate"] .md-header__button,
[data-md-color-scheme="slate"] .md-header__topic,
[data-md-color-scheme="slate"] .md-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}