/* Theme colors for Material for MkDocs */
:root {
    --brand-500: #721414;
    --brand-600: #5b1010;
    --brand-400: #ab2222;
}

[data-md-color-primary="custom"] {
    --md-primary-fg-color: var(--brand-500);
    --md-primary-fg-color--light: var(--brand-400);
    --md-primary-fg-color--dark: var(--brand-600);
    --md-accent-fg-color: var(--brand-400);
    --md-accent-fg-color--transparent: rgba(171, 34, 34, 0.12);
    --md-typeset-a-color: var(--brand-400);
}

.md-header {
    background: linear-gradient(180deg, var(--brand-600), var(--brand-500));
}

.md-tabs {
    background-color: var(--brand-600);
}

.md-nav__link:hover,
.md-nav__link:focus,
.md-nav__link--active,
.md-typeset a:hover {
    color: var(--brand-400);
}

/* Light theme: warm cream background */
[data-md-color-scheme="default"] {
    --md-default-bg-color: #fff9f9;
    --md-default-fg-color: hsla(18, 18%, 14%, 0.93);
    --md-default-fg-color--light: hsla(18, 18%, 14%, 0.72);
    --md-default-fg-color--lighter: hsla(18, 18%, 14%, 0.5);
}

[data-md-color-scheme="default"] .md-main,
[data-md-color-scheme="default"] .md-main__inner,
[data-md-color-scheme="default"] .md-content,
[data-md-color-scheme="default"] .md-content__inner,
[data-md-color-scheme="default"] .md-sidebar,
[data-md-color-scheme="default"] .md-sidebar__scrollwrap {
    background-color: #fff9f9;
}

/* Light theme code styling: gray/black blocks */
[data-md-color-scheme="default"] .md-typeset code {
    background-color: #f1ebeb;
    color: #1a1a1a;
}

[data-md-color-scheme="default"] .md-typeset pre,
[data-md-color-scheme="default"] .md-typeset .highlight pre {
    background-color: #efefef;
    color: #1f1f1f;
}

[data-md-color-scheme="default"] .md-typeset pre code,
[data-md-color-scheme="default"] .md-typeset .highlight code {
    background-color: transparent;
    color: #1f1f1f;
}

/* Dark theme: premium near-black background */
[data-md-color-scheme="slate"] {
    --md-default-bg-color: #080808;
    --md-default-fg-color: hsla(0, 0%, 100%, 0.9);
    --md-default-fg-color--light: hsla(0, 0%, 100%, 0.72);
    --md-default-fg-color--lighter: hsla(0, 0%, 100%, 0.45);
}

[data-md-color-scheme="slate"] .md-main,
[data-md-color-scheme="slate"] .md-main__inner,
[data-md-color-scheme="slate"] .md-content,
[data-md-color-scheme="slate"] .md-content__inner,
[data-md-color-scheme="slate"] .md-sidebar,
[data-md-color-scheme="slate"] .md-sidebar__scrollwrap {
    background: radial-gradient(circle at top right, #121212 0%, #080808 50%, #050505 100%);
}