/* Octamile brand theme for MkDocs Material */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.md-content, .md-nav, .md-header, .md-footer, .md-typeset,
.md-search__form, .md-tabs { font-family: 'Poppins', system-ui, sans-serif; }


/* ── Color variables ──────────────────────────────────────── */
:root,
[data-md-color-scheme="default"] {
    --md-accent-fg-color:               #364FEC;
    --md-accent-fg-color--transparent:  rgba(54, 79, 236, 0.1);
    --md-accent-bg-color:               #ffffff;
    --md-typeset-a-color:               #364FEC;
}

[data-md-color-scheme="slate"] {
    --md-accent-fg-color:               #8189f5;
    --md-accent-fg-color--transparent:  rgba(129, 137, 245, 0.1);
    --md-typeset-a-color:               #8189f5;
}

/* ── Code blocks — dark navy background ──────────────────────── */
.md-typeset .highlight,
.md-typeset .highlight pre,
.md-typeset pre {
    background-color: #060F37 !important;
    color: #e8eaed !important;
}

/* Force all Pygments token spans to near-white (beats Material's specificity) */
.md-typeset .highlight code span { color: #e8eaed !important; }

/* Restore selective syntax colors */
.md-typeset .highlight code .k,
.md-typeset .highlight code .kn,
.md-typeset .highlight code .kd,
.md-typeset .highlight code .kr { color: #8189f5 !important; }
.md-typeset .highlight code .s,
.md-typeset .highlight code .s1,
.md-typeset .highlight code .s2,
.md-typeset .highlight code .sb { color: #81c995 !important; }
.md-typeset .highlight code .c,
.md-typeset .highlight code .c1,
.md-typeset .highlight code .cm { color: #9aa0a6 !important; }
.md-typeset .highlight code .mi,
.md-typeset .highlight code .mf,
.md-typeset .highlight code .m  { color: #FFBE0B !important; }
.md-typeset .highlight code .nf,
.md-typeset .highlight code .nb { color: #4fc3f7 !important; }
.md-typeset .highlight span.filename {
    background-color: #0a1a55;
    border-bottom-color: rgba(255, 190, 11, 0.25);
    color: rgba(255, 190, 11, 0.75);
}

/* Inline code */
.md-typeset code {
    background-color: rgba(54, 79, 236, 0.08);
    color: #1d3bbf;
    border-radius: 3px;
}
.md-typeset pre code { background-color: transparent !important; color: #e8eaed !important; }

/* ── Highlighted text ==text== ───────────────────────────── */
.md-typeset mark {
    background-color: #FFBE0B;
    color: #060F37;
}

/* ── Navigation active & hover ───────────────────────────── */
.md-nav__link--active { color: #364FEC !important; font-weight: 700; }
.md-nav__link:is(:focus, :hover) { color: #364FEC; }

/* ── Table of contents ───────────────────────────────────── */
.md-nav--secondary .md-nav__link--active { color: #364FEC; }

/* ── Tabs ────────────────────────────────────────────────── */
.md-typeset .tabbed-labels > label:is(:focus-within, :hover) { color: #364FEC; }
.md-typeset .tabbed-set > .tabbed-labels::before { background-color: #364FEC; }
.md-typeset .tabbed-labels > label { color: rgba(54, 79, 236, 0.6); }
[data-md-color-scheme="slate"] .md-typeset .tabbed-labels > label { color: rgba(129, 137, 245, 0.6); }

/* ── Admonitions ─────────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details { border-color: #364FEC; }
.md-typeset .admonition > .admonition-title,
.md-typeset details > summary {
    background-color: rgba(54, 79, 236, 0.08);
}
.md-typeset .admonition > .admonition-title::before,
.md-typeset details > summary::before { background-color: #364FEC; }

/* ── Search ──────────────────────────────────────────────── */
.md-search-result__teaser mark {
    background-color: rgba(54, 79, 236, 0.15);
    color: #364FEC;
    text-decoration: none;
}

/* ── Copy button ─────────────────────────────────────────── */
.md-typeset .md-code__content > button:hover { color: #FFBE0B; }

/* ── Footer links ────────────────────────────────────────── */
.md-footer-meta .md-footer__link:hover { color: rgba(255, 255, 255, 0.8); }

/* ── White header (light mode) ───────────────────────────── */
.md-header { background-color: rgba(255,255,255,0.95) !important; border-bottom: 0.5px solid rgba(0,0,0,0.08); box-shadow: none !important; }
.md-header *, .md-header__title { color: #202124 !important; }
.md-tabs { background: #ffffff !important; border-bottom: 0.5px solid rgba(0,0,0,0.06); }
.md-tabs__link { color: #5f6368 !important; }
.md-tabs__link--active, .md-tabs__link:hover { color: #364FEC !important; }
.md-search__form { background: rgba(0,0,0,0.06) !important; }
[data-md-color-scheme="slate"] .md-header { background-color: var(--md-default-bg-color) !important; border-bottom: none; }
[data-md-color-scheme="slate"] .md-header * { color: var(--md-primary-fg-color--light) !important; }
[data-md-color-scheme="default"] .md-header__button.md-logo img {
    filter: brightness(0) saturate(100%) invert(25%) sepia(95%) saturate(800%) hue-rotate(215deg) brightness(95%);
}
.md-header__button.md-logo img { height: 2.25rem; }