/* AeroCore theme overrides aligned with os-website brand colors. */
body {
  --md-text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

.md-typeset code,
.md-typeset kbd,
.md-typeset pre {
  font-variant-ligatures: normal;
}

.md-typeset img {
  max-height: min(85vmax, 400px);
  max-width: 100%;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f0f4f3;
  --md-primary-fg-color: #008f7b;
  --md-primary-fg-color--light: #10b981;
  --md-primary-fg-color--dark: #006f84;
  --md-accent-fg-color: #22d3ee;
  --md-accent-fg-color--transparent: rgba(34, 211, 238, 0.12);
  --md-typeset-a-color: #008f7b;
}

[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  background: rgba(4, 8, 15, 0.96);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
}

[data-md-color-scheme="default"] .md-nav--primary .md-nav__title[for="__drawer"],
[data-md-color-scheme="default"] .md-nav--secondary .md-nav__title {
  background: rgba(4, 8, 15, 0.96);
}

[data-md-color-scheme="default"] .md-header__title,
[data-md-color-scheme="default"] .md-tabs__link,
[data-md-color-scheme="default"] .md-source,
[data-md-color-scheme="default"] .md-header__button {
  color: #e5e7eb;
}

[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav__link:hover,
[data-md-color-scheme="default"] .md-tabs__link:hover {
  color: #6ee7f5;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b0f17;
  --md-default-bg-color--light: #111825;
  --md-default-bg-color--lighter: rgba(17, 24, 37, 0.92);
  --md-default-bg-color--lightest: rgba(255, 255, 255, 0.04);
  --md-default-fg-color: #e5e7eb;
  --md-default-fg-color--light: #d1fae5;
  --md-default-fg-color--lighter: #98a2b3;
  --md-default-fg-color--lightest: rgba(152, 162, 179, 0.45);
  --md-primary-fg-color: #008f7b;
  --md-primary-fg-color--light: #10b981;
  --md-primary-fg-color--dark: #006f84;
  --md-accent-fg-color: #22d3ee;
  --md-accent-fg-color--transparent: rgba(34, 211, 238, 0.12);
  --md-typeset-a-color: #6ee7f5;
  --md-code-bg-color: rgba(255, 255, 255, 0.05);
  --md-code-fg-color: #d1fae5;
  --md-footer-bg-color: #081019;
  --md-footer-bg-color--dark: #060b12;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background: rgba(4, 8, 15, 0.96);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
}

[data-md-color-scheme="slate"] .md-search__form,
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background: rgba(255, 255, 255, 0.03);
}

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(34, 211, 238, 0.18);
}

[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for="__drawer"],
[data-md-color-scheme="slate"] .md-nav--secondary .md-nav__title {
  background: rgba(4, 8, 15, 0.96);
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #6ee7f5;
}

.md-typeset .grid.cards > ol > li,
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: none;
  border-radius: 24px;
  box-shadow: none;
  padding: 1.5rem;
}

[data-md-color-scheme="default"] .md-typeset .grid.cards > ol > li,
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li,
[data-md-color-scheme="default"] .md-typeset .grid > .card {
  background-color: #fff;
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ol > li,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li,
[data-md-color-scheme="slate"] .md-typeset .grid > .card {
  background-color: rgba(255, 255, 255, 0.05);
}

.md-typeset .grid.cards._bz {
  gap: 0.6rem;
}

.md-typeset .grid.cards._bz > ul > li > p:first-child {
  color: var(--md-primary-fg-color);
  font-weight: 700;
  margin-bottom: 0.9rem;
}

.md-typeset .grid.cards._bz small {
  color: var(--md-default-fg-color--light);
}

.md-typeset .grid.cards._bz li p,
.md-typeset .grid.cards._bz li ul,
.md-typeset .grid.cards._bz li ol {
  line-height: 1.65;
}

@media screen and (max-width: 59.9844em) {
  .md-header,
  .md-header--shadow {
    backdrop-filter: none;
  }

  [data-md-component="content"].md-content h1,
  [data-md-component="content"].md-content h2,
  [data-md-component="content"].md-content h3,
  [data-md-component="content"].md-content h4 {
    text-align: center;
  }
}