:root {
  --mauq-teal: #2de2c2;
  --mauq-teal-deep: #11b9a4;
  --mauq-purple: #9b87f5;
  --mauq-surface: #151820;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0e1117;
  --md-default-fg-color: #edf5f4;
  --md-default-fg-color--light: #aebbb9;
  --md-primary-fg-color: #11151c;
  --md-accent-fg-color: var(--mauq-teal);
  --md-code-bg-color: #171b24;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #17211f;
  --md-accent-fg-color: #087f71;
}

.md-header,
.md-tabs {
  background: rgba(14, 17, 23, .96);
}

.md-header__button.md-logo img {
  border-radius: .45rem;
}

.md-typeset a {
  color: var(--mauq-teal-deep);
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: var(--mauq-teal);
}

.md-typeset .md-button--primary {
  background: var(--mauq-teal);
  border-color: var(--mauq-teal);
  color: #071512 !important;
}

.md-typeset .md-button--primary:hover {
  background: #63efd8;
  border-color: #63efd8;
  color: #071512;
}

.docs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 1.25rem 0 2.5rem;
}

.docs-grid {
  display: grid;
  gap: .8rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 1rem 0 2.5rem;
}

.md-typeset .docs-card {
  background: color-mix(in srgb, var(--md-default-bg-color) 92%, var(--mauq-teal) 8%);
  border: 1px solid rgba(128, 150, 147, .2);
  border-radius: .85rem;
  color: var(--md-default-fg-color);
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.1rem;
  transition: border-color .18s ease, transform .18s ease;
}

.md-typeset .docs-card:hover {
  border-color: var(--mauq-teal);
  transform: translateY(-3px);
}

.docs-card__icon {
  color: var(--mauq-teal);
  font-size: 1.4rem;
}

.docs-card span:last-child {
  color: var(--md-default-fg-color--light);
  font-size: .75rem;
  line-height: 1.55;
}

/* Active navigation must remain obvious in both palettes. */
.md-nav__link--active,
.md-nav__link--active .md-ellipsis,
.md-nav__item--active > .md-nav__link,
.md-nav__item--active > .md-nav__link .md-ellipsis {
  color: #087f71 !important;
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link--active .md-ellipsis,
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link .md-ellipsis {
  color: var(--mauq-teal) !important;
}

.md-nav__link--active {
  background: rgba(45, 226, 194, .1);
  border-left: .15rem solid var(--mauq-teal);
  border-radius: .2rem;
  padding-left: .55rem;
}

.command-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: -.25rem 0 1rem;
}

.command-meta span {
  background: rgba(45, 226, 194, .1);
  border: 1px solid rgba(45, 226, 194, .25);
  border-radius: 999px;
  color: var(--mauq-teal-deep);
  font-size: .68rem;
  font-weight: 700;
  padding: .22rem .55rem;
}

[data-md-color-scheme="slate"] .command-meta span {
  color: var(--mauq-teal);
}

@media screen and (max-width: 60rem) {
  .docs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 42rem) {
  .docs-grid { grid-template-columns: 1fr; }
}