/* ============================================================================
   Global Site Styles (extra.css)
   Site-wide overrides and customizations
   Demo-specific styles moved to demo.css
   ============================================================================ */

/* ============================================================================
   Mermaid Diagram Colors (Adaptive Light/Dark)
   ============================================================================ */

/* Light mode */
[data-md-color-scheme="default"] .mermaid .node.darkBlue rect {
    fill: #7BA4CC !important;
}

[data-md-color-scheme="default"] .mermaid .node.redBox rect {
    fill: #E08A9A !important;
}

/* Dark mode */
[data-md-color-scheme="slate"] .mermaid .node.darkBlue rect {
    fill: #2c3e50 !important;
}

[data-md-color-scheme="slate"] .mermaid .node.redBox rect {
    fill: #e94560 !important;
}

/* ============================================================================
   Add any other global site customizations below
   ============================================================================ */