:root {
  --md-primary-fg-color: #171b24;
  --md-primary-fg-color--light: #242b38;
  --md-primary-fg-color--dark: #0f1218;
  --md-accent-fg-color: #ff4d5a;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #11141b;
  --md-default-bg-color--light: #171b24;
  --md-default-fg-color: #d7dbe5;
  --md-default-fg-color--light: #b7bdca;
  --md-typeset-a-color: #ff5a66;
  --md-accent-fg-color: #ff5a66;
}

[data-md-color-scheme="default"] {
  --md-typeset-a-color: #d92f3d;
  --md-accent-fg-color: #d92f3d;
}

.md-header { box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.md-tabs { background-color: #171b24; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.md-search__form { border-radius: 10px; }
.md-typeset h1 { font-weight: 800; letter-spacing: -0.035em; }
.md-typeset h2 { font-weight: 750; margin-top: 2.2em; }
.md-typeset img { border-radius: 14px; }
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 90, 102, 0.65);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
}
.md-typeset .admonition,
.md-typeset details { border-radius: 14px; overflow: hidden; }
.md-typeset table:not([class]) { border-radius: 12px; overflow: hidden; }
.md-footer-meta { display: none; }


/* MkLume / Apps documentation polish */
.md-typeset .mklume-hero {
  margin: 1.5rem 0 2rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid rgba(255, 90, 102, 0.28);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 90, 102, 0.11), rgba(80, 120, 255, 0.08));
}
.md-typeset .mklume-hero p:last-child { margin-bottom: 0; }
.md-typeset .md-button { border-radius: 999px; }
.md-typeset code { border-radius: 6px; }
.md-typeset .grid.cards img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.md-typeset .grid.cards > ul > li > p:first-child > img {
  margin-bottom: .35rem;
}

/* Clear, high-contrast MkLume action buttons */
.md-typeset .mklume-hero .md-button,
.md-typeset .mklume-hero .md-button:visited,
.md-typeset .mklume-hero .md-button:hover,
.md-typeset .mklume-hero .md-button:focus {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

.md-typeset .mklume-hero .md-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9.25rem;
  margin: 0.35rem 0.45rem 0.15rem 0;
  padding: 0.68rem 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  font-weight: 700;
}

.md-typeset .mklume-hero .md-button--primary {
  border-color: rgba(255, 90, 102, 0.95) !important;
  background: #ff5a66 !important;
  color: #ffffff !important;
}

.md-typeset .mklume-hero .md-button:hover,
.md-typeset .mklume-hero .md-button:focus {
  transform: translateY(-1px);
  border-color: rgba(255, 90, 102, 0.8) !important;
  background: rgba(255, 90, 102, 0.22) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
}

.md-typeset .mklume-hero .md-button--primary:hover,
.md-typeset .mklume-hero .md-button--primary:focus {
  background: #ff6b75 !important;
}

@media screen and (max-width: 640px) {
  .md-typeset .mklume-hero .md-button {
    width: 100%;
    margin-right: 0;
  }
}