/* D-Insights brand: navy + gold */
:root {
  --md-primary-fg-color: #0a1930;
  --md-primary-bg-color: #0a1930;
  --md-accent-fg-color: #d4af37;
}

.md-header {
  background: linear-gradient(90deg, #0a1930 0%, #12284d 100%);
}

.md-tabs__link {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}

.md-tabs__link--active,
.md-tabs__item--active .md-tabs__link,
.md-tabs__link:hover {
  color: #d4af37 !important;
}

/* status badges */
.md-typeset .badge-live {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 700;
  background: #10b981;
  color: #fff;
}

/* mermaid centering */
.md-typeset .mermaid {
  text-align: center;
}

/* grid cards */
.md-typeset .grid.cards > ul > li {
  border-left: 3px solid #d4af37;
}
/* header title contrast on navy */
.md-header .md-header__title {
  color: #ffffff !important;
}
.md-header .md-header__title .md-ellipsis {
  color: #ffffff;
}
.md-header__topic:first-child {
  color: #fff;
}
/* center diagrams */
.md-typeset .mermaid2 {
  text-align: center;
}
.md-typeset .mermaid2 svg {
  max-width: 100%;
  height: auto;
}