/* Project-wide overrides go here. */
.md-header {
    background-color: var(--md-header-bg-color);
    padding-left: 1rem;
    padding-right: 1rem;
}

.md-tabs { 
    background-color: transparent;
    width: max-content;
    margin: 0;
    position: static;
}

.md-header__title {
  flex-shrink: 0;
  flex-grow: 0;
}

.md-header__ellipsis {
  width: fit-content;
}

.md-header__topic {
  position: static;
}

.md-header__spacer {
  flex: 1;
}

.md-grid {
  max-width: 100%;
}

.md-main__inner {
  max-width: 75%;
  padding-left: 1rem;
  padding-right: 1rem;  
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #000042;
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #d3d3d3;
  --md-card-color: #ffffff;
  --md-card-bg-color: #020233;
  --md-header-bg-color: #020233;
  --md-footer-bg-color--dark: #020233;
}

/* Light mode colors */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f5f5ff;
  --md-default-fg-color: #000000;
  --md-default-fg-color--light: #222222;
  --md-card-color: #000000;
  --md-card-bg-color: #ffffff;
  --md-header-bg-color: #020233;
  --md-footer-bg-color--dark: #020233;
}