@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;700&family=Red+Hat+Mono:wght@400;700&display=swap');

/* Darker Theme Overrides */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #000000;
    --md-default-bg-color--light: #000000;
    --md-default-bg-color--lighter: #000000;
    --md-default-bg-color--lightest: #000000;
}

/* Light Theme Overrides */
[data-md-color-scheme="default"] {
    /* Vivid Red Primary */
    --md-primary-fg-color: #ff0000;
    --md-primary-fg-color--light: #ff4d4d;
    --md-primary-fg-color--dark: #cc0000;
}

/* Force header to be black in light mode */
[data-md-color-scheme="default"] .md-header {
    background-color: #000000 !important;
    color: #ffffff !important;
    /* Ensure icons/text in header are white */
}



body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Red Hat Display', sans-serif !important;
}

pre,
code,
kbd,
.md-code {
    font-family: 'Red Hat Mono', monospace !important;
}


/* Custom Colors Scoped to Dark Mode */
[data-md-color-scheme="slate"] body,
[data-md-color-scheme="slate"] .md-typeset,
[data-md-color-scheme="slate"] .md-typeset p,
[data-md-color-scheme="slate"] .md-typeset li {
    color: #ffffff !important;
    /* White text only in dark mode */
}


h1,
.md-typeset h1,
h2,
.md-typeset h2,
h3,
.md-typeset h3,
h4,
.md-typeset h4,
h5,
.md-typeset h5,
h6,
.md-typeset h6 {
    color: #ff0000 !important;
    /* Red headings */
}

[data-md-color-scheme="slate"] a,
[data-md-color-scheme="slate"] .md-typeset a {
    color: #ffffff !important;
    /* White links in dark mode */
}


.md-typeset a:hover {
    color: #ffcccc !important;
    /* Light red on hover */
}

/* Increase logo size */
img[src$="logo.png"] {
    max-height: 25px;
    /* Increased from default */
    height: 25px;
    width: auto;
}

/* Hide Site Title */
.md-header__title .md-header__topic:first-child {
    display: none;
}


/* Specific to some themes, just in case */
.md-logo img {
    height: 25px;
}