:root {
  --kaonic-surface: rgba(40, 56, 47, 0.12);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #111613;
  --md-accent-fg-color: #74c991;
  --kaonic-surface: rgba(116, 201, 145, 0.08);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #18231d;
  --md-accent-fg-color: #237a45;
}

.md-header,
.md-tabs {
  background: linear-gradient(110deg, #101512, #25352b);
}

.md-main__inner {
  margin-top: 1rem;
}

.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.025em;
}

.md-typeset h2 {
  font-weight: 650;
}

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

.md-typeset table:not([class]) th {
  background: var(--kaonic-surface);
}

.kaonic-paths {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: 1.5rem 0 2.25rem;
}

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

.md-typeset video {
  display: block;
  width: 100%;
  max-width: 52rem;
  height: auto;
  margin: 1rem 0 1.25rem;
  border-radius: 0.35rem;
  background: #101512;
}