:root {
  --md-primary-fg-color: #a64dff;
  --md-primary-fg-color--light: #d067ff;
  --md-primary-fg-color--dark: #6a2cff;
  --md-accent-fg-color: #ff4d9b;
  --md-default-bg-color: #060611;
  --md-default-fg-color: rgba(255, 255, 255, 0.88);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.67);
  --md-typeset-a-color: #88c5ff;
  --md-code-bg-color: #12122a;
  --md-code-fg-color: #f8f8f2;
}

:root,
[data-md-color-scheme="slate"] {
:root,
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #9f5bff;
  --md-default-bg-color: #060611;
  --md-default-fg-color: rgba(255, 255, 255, 0.88);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.67);
  --md-code-bg-color: #12122a;
  --md-code-fg-color: #f8f8f2;
  --md-typeset-a-color: #73d5ff;
}

.md-header,
.md-tabs {
  background: linear-gradient(90deg, rgba(20, 16, 30, 0.95), rgba(46, 8, 55, 0.95));
  backdrop-filter: blur(18px);
}

.md-header__title {
  font-weight: 600;
}

.md-sidebar {
  background: rgba(8, 8, 20, 0.85);
  backdrop-filter: blur(14px);
}

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

.md-typeset code {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  padding: 0.15em 0.4em;
}

.md-footer {
  background: rgba(6, 6, 17, 0.95);
}

.md-main__inner {
  background: linear-gradient(180deg, rgba(12, 12, 24, 0.6), rgba(6, 6, 17, 1));
  min-height: 100vh;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  background: rgba(26, 26, 52, 0.7);
  border: 1px solid rgba(137, 98, 255, 0.35);
}

/* Hide "Made with Material for MkDocs" footer badge */
.md-footer__meta {
  display: none !important;
}

/* Hide default repo/source buttons */
.md-header__button[title*="source"],
.md-header__button[title*="Repository"],
.md-header__button[title*="GitHub"] {
  display: none !important;
}

/* Hide version dropdown if surfaced */
.md-version {
  display: none !important;
}

/* Remove default footer links */
.md-footer__link {
  display: none !important;
}

/* Replace footer text with custom message */
.md-footer__inner {
  justify-content: center;
}

.md-footer__inner > *:not(.md-footer__meta)::before {
  content: "© OneX Observability";
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8rem;
}