:root {
    --mermaid-bg-color: #1e1e1e !important;
    --mermaid-text-color: #ffffff !important;
    --menu-text-color: var(--pico-h1-color);

    @media (prefers-color-scheme: light) {
        --mermaid-bg-color: #f9f9f9 !important;
        --mermaid-text-color: #1e1e1e !important;
        --pico-card-background-color: #f9f9f9 !important;
    }
}

@media (prefers-color-scheme: dark) {
    .menu-bar a img {
        filter: invert(100%);
    }
}