/* LightPane brand overrides for MkDocs Material */

/* Slightly smaller base font for denser technical content */
.md-typeset {
    font-size: 0.7rem;
}

:root {
    /* Primary brand colours */
    --md-primary-fg-color: #0c3f97;
    --md-primary-fg-color--light: #5b99ea;
    --md-primary-fg-color--dark: #1a1d2e;
    --md-accent-fg-color: #4550E6;
    --md-accent-fg-color--transparent: rgba(69, 80, 230, 0.1);

    /* Typography */
    --md-text-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --md-code-font: "Fira Code", "SF Mono", Consolas, monospace;
}

/* Header bar matches the Royal Blue navbar on cloudsandlight.com */
.md-header {
    background-color: var(--md-primary-fg-color);
}

/* Tabs bar slightly darker */
.md-tabs {
    background-color: #0a357e;
}

/* Links use LightPane Blue */
.md-typeset a {
    color: var(--md-accent-fg-color);
}
.md-typeset a:hover {
    color: #3640c9;
}

/* Code blocks */
.md-typeset code {
    border-radius: 4px;
}

/* Admonition accent colours */
.md-typeset .admonition.note,
.md-typeset details.note {
    border-color: var(--md-accent-fg-color);
}

/* Navigation active item */
.md-nav__link--active {
    color: var(--md-accent-fg-color) !important;
}

/* Footer */
.md-footer {
    background-color: #252930;
}

/* Search bar — unfocused state: light blue background, dark blue text */
[data-md-toggle=search]:not(:checked) ~ .md-header .md-search__form {
    background-color: #5b99ea;
}
.md-search__input {
    color: #0c3f97 !important;
}
.md-search__input::placeholder {
    color: #0c3f97 !important;
}

/* Search bar — "Type to start searching" hint row */
.md-search-result__meta {
    background-color: #5b99ea;
    color: #0c3f97;
}