/* Title Spacing */
[dir='ltr'] .md-header__title {
  margin-left: 0.1rem;
}

/* Paragraphs */
.md-typeset {
  font-weight: 300;
}

/* List Margins */
.md-typeset ol li,
.md-typeset ul li {
  margin-bottom: 0.1em;
  font-weight: 300;
}

/* Page top padding and margin */
.md-typeset h1,
.md-content__button {
  display: none;
  margin: 0;
}
.md-typeset h2 {
  margin-top: 0;
}
.md-typeset h3 {
  font-weight: 350;
  margin-top: 0;
}
article,
.md-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* TOC Drawer Icon */
:root {
  --md-toc-icon: url('../images/toc.svg');
  --md-nav-icon--next: url('../images/chevron-right.svg');
  --md-nav-icon--previous: url('../images/chevron-left.svg');
}
.md-nav--primary .md-nav__link[for='__toc'] .md-icon:after,
.md-nav--primary .md-nav__link .md-nav__icon:after {
  width: 62%;
}

/* Home Page */
.home-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 154px);
}

@media only screen and (min-width: 1200px) {
  .home-page {
    min-height: calc(100vh - 224px);
  }
}

/* Mermaid CSS Variables for Clean Theming */
:root {
  --md-mermaid-bg-color: #ffffff;
  --md-mermaid-fg-color: #000000;
  --md-mermaid-node-bg: #f3f3f3;
  --md-mermaid-node-stroke: #333333;
  --md-mermaid-edge-stroke: #333333;
  --md-mermaid-cluster-bg: #e8f4fd;
  --md-mermaid-cluster-stroke: #333333;
  --md-mermaid-arrow-fill: #333333;
  --md-mermaid-label-fg-color: #000000;
  --md-mermaid-font-family: inherit;
}

/* Dark mode overrides */
[data-md-color-scheme='slate'] {
  --md-mermaid-fg-color: #ffffff;
  --md-mermaid-sequence-actor-fg-color: #ffffff;
  --md-mermaid-node-bg: #2d2d2d;
  --md-mermaid-node-stroke: #ffffff;
  --md-mermaid-edge-stroke: #ffffff;
  --md-mermaid-cluster-bg: #1e3a5f;
  --md-mermaid-cluster-stroke: #ffffff;
  --md-mermaid-arrow-fill: #ffffff;
  --md-mermaid-label-fg-color: black;
  --md-mermaid-node-bg-color: #ECECFF;
}