/* 5DO documentation theme polish. */

:root {
  --fivedo-blue: #2f6fed;
  --fivedo-amber: #f2b233;
  --fivedo-red: #e5484d;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b1020;
  --md-default-bg-color--light: #11182d;
  --md-default-fg-color: #dce3f0;
  --md-default-fg-color--light: #aab4c8;
  --md-code-bg-color: #141c33;
  --md-typeset-a-color: #7aa2ff;
  --md-footer-bg-color: #080c18;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #2f4f9f;
  --md-accent-fg-color: #b7791f;
}

.md-header {
  background: linear-gradient(110deg, #101a36 0%, #18234a 55%, #221a38 100%);
}

[data-md-color-scheme="slate"] .md-tabs,
[data-md-color-scheme="slate"] .md-header {
  border-bottom: 1px solid rgba(122, 162, 255, 0.18);
}

.md-typeset h1,
.md-typeset h2 {
  letter-spacing: -0.015em;
}

.md-typeset h1 {
  font-weight: 800;
}

.md-typeset .grid.cards > ul > li {
  border: 1px solid rgba(122, 162, 255, 0.2);
  border-radius: 0.55rem;
  transition: border-color 120ms ease, transform 120ms ease;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: rgba(242, 178, 51, 0.65);
  transform: translateY(-2px);
}

.md-typeset .grid.cards > ul > li > p:first-child {
  margin-top: 0;
}

.md-typeset table:not([class]) {
  border-radius: 0.4rem;
  overflow: hidden;
}

.md-typeset .admonition.important,
.md-typeset details.important {
  border-color: var(--fivedo-amber);
}

.md-typeset .admonition.important > .admonition-title,
.md-typeset details.important > summary {
  background-color: rgba(242, 178, 51, 0.12);
}

.md-typeset .md-button {
  border-radius: 0.35rem;
}

.md-footer-meta {
  background: #070b15;
}

.md-typeset img {
  border-radius: 0.35rem;
}