/* Smartsapp Dark Blue Theme */

/* Primary palette — dark navy blues */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0D1B2A;
  --md-primary-fg-color--light: #1B2838;
  --md-primary-fg-color--dark: #060F18;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #4FC3F7;
  --md-typeset-a-color: #2196F3;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0D1B2A;
  --md-primary-fg-color--light: #1B2838;
  --md-primary-fg-color--dark: #060F18;
  --md-default-bg-color: #0D1117;
  --md-default-bg-color--light: #151B23;
  --md-default-bg-color--lighter: #1C2333;
  --md-accent-fg-color: #4FC3F7;
  --md-typeset-a-color: #64B5F6;
}

/* Header */
.md-header {
  background: linear-gradient(135deg, #0D1B2A 0%, #1B2838 100%);
}

/* Navigation tabs */
.md-tabs {
  background-color: #1B2838;
}

/* Sidebar active link */
.md-nav__link--active,
.md-nav__link:is([href]) {
  font-weight: 500;
}

/* Code blocks */
[data-md-color-scheme="slate"] .highlight code,
[data-md-color-scheme="slate"] .highlighttable code {
  background-color: #151B23;
}

/* Mermaid diagram styling */
.mermaid {
  text-align: center;
  padding: 1rem 0;
}

/* C4 stereotype label fix is handled via JS (mermaid-config.js)
   because Material renders mermaid inside a closed Shadow DOM
   that external CSS cannot reach. */

/* Admonitions */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 4px;
}

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

/* Search bar */
[data-md-color-scheme="slate"] .md-search__form {
  background-color: #1B283880;
}
