:root {
  --lab-radius: 0.5rem;
}

[data-md-color-scheme="dynatrace-light"] {
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #1e1e2e;
  --md-default-fg-color--light: #4d4d66;
  --md-default-fg-color--lighter: #6f6f8a;
  --md-primary-fg-color: #5f249f;
  --md-primary-fg-color--light: #7b3db8;
  --md-primary-fg-color--dark: #421a70;
  --md-accent-fg-color: #1496ff;
  --md-typeset-a-color: #1496ff;
  --md-code-bg-color: #f6f8ff;
  --md-code-fg-color: #1e1e2e;
}

[data-md-color-scheme="redhat-dark"] {
  --md-default-bg-color: #151515;
  --md-default-fg-color: #ffffff;
  --md-default-fg-color--light: #d0d0d0;
  --md-default-fg-color--lighter: #b8b8b8;
  --md-typeset-color: #ffffff;
  --md-typeset-a-color: #ff7b7b;
  --md-primary-fg-color: #ee0000;
  --md-primary-fg-color--light: #ff3b3b;
  --md-primary-fg-color--dark: #a30000;
  --md-accent-fg-color: #ffffff;
  --md-code-bg-color: #1f1f1f;
  --md-code-fg-color: #ffffff;
  --md-nav-link-color: #c5c5c5;
  --md-nav-link-color--hover: #ee0000;
  --md-nav-link-color--active: #ffffff;
}

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

.md-typeset .admonition,
.md-typeset details {
  border-radius: var(--lab-radius);
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid > ul > li {
  border-radius: var(--lab-radius);
}

.md-button {
  border-radius: var(--lab-radius);
}

.md-header,
.md-tabs {
  box-shadow: none;
}

[data-md-color-scheme="dynatrace-light"] .md-typeset .admonition.tip,
[data-md-color-scheme="dynatrace-light"] .md-typeset details.tip {
  border-color: #1496ff;
}

[data-md-color-scheme="dynatrace-light"] .md-typeset .admonition.tip > .admonition-title,
[data-md-color-scheme="dynatrace-light"] .md-typeset details.tip > summary {
  background-color: rgba(20, 150, 255, 0.12);
}

[data-md-color-scheme="dynatrace-light"] .md-typeset .admonition.tip > .admonition-title::before,
[data-md-color-scheme="dynatrace-light"] .md-typeset details.tip > summary::before {
  background-color: #1496ff;
}

[data-md-color-scheme="dynatrace-light"] .md-typeset table {
  border-collapse: collapse;
}

[data-md-color-scheme="dynatrace-light"] .md-typeset table th,
[data-md-color-scheme="dynatrace-light"] .md-typeset table td {
  border: 1px solid #1496ff;
}

[data-md-color-scheme="redhat-dark"] .md-typeset .admonition.tip,
[data-md-color-scheme="redhat-dark"] .md-typeset details.tip {
  border-color: #ff6b6b;
}

[data-md-color-scheme="redhat-dark"] .md-typeset .admonition.question,
[data-md-color-scheme="redhat-dark"] .md-typeset details.question {
  border-color: #e0e0e0;
}

[data-md-color-scheme="redhat-dark"] .md-typeset .admonition,
[data-md-color-scheme="redhat-dark"] .md-typeset details {
  background-color: #1f1f1f;
  color: #ffffff;
}

[data-md-color-scheme="redhat-dark"] .md-typeset .admonition-title,
[data-md-color-scheme="redhat-dark"] .md-typeset summary {
  background-color: rgba(238, 0, 0, 0.2);
  color: #ffffff;
}

[data-md-color-scheme="redhat-dark"] .md-typeset .admonition-title::before,
[data-md-color-scheme="redhat-dark"] .md-typeset summary::before {
  background-color: #ffffff;
}

[data-md-color-scheme="redhat-dark"] .md-typeset table {
  border-collapse: collapse;
}

[data-md-color-scheme="redhat-dark"] .md-typeset table th,
[data-md-color-scheme="redhat-dark"] .md-typeset table td {
  border: 1px solid #ee0000;
}

[data-md-color-scheme="redhat-dark"] .md-typeset .admonition a,
[data-md-color-scheme="redhat-dark"] .md-typeset details a {
  color: #ff9b9b;
}

[data-md-color-scheme="redhat-dark"] .md-content,
[data-md-color-scheme="redhat-dark"] .md-typeset,
[data-md-color-scheme="redhat-dark"] .md-typeset p,
[data-md-color-scheme="redhat-dark"] .md-typeset li {
  color: #ffffff;
}

[data-md-color-scheme="redhat-dark"] .md-nav,
[data-md-color-scheme="redhat-dark"] .md-nav__item .md-nav__link,
[data-md-color-scheme="redhat-dark"] .md-tabs__link {
  color: #b8b8b8;
}

[data-md-color-scheme="redhat-dark"] .md-nav__item .md-nav__link:hover,
[data-md-color-scheme="redhat-dark"] .md-nav__item .md-nav__link:focus,
[data-md-color-scheme="redhat-dark"] .md-tabs__link:hover,
[data-md-color-scheme="redhat-dark"] .md-typeset a:hover {
  color: #ee0000;
}

[data-md-color-scheme="redhat-dark"] .md-nav__item .md-nav__link--active,
[data-md-color-scheme="redhat-dark"] .md-tabs__link--active {
  color: #ffffff;
}