:root {
  --arcane-bg: #f8fafc;
  --arcane-surface: #ffffff;
  --arcane-border: #dbe4f1;
  --arcane-sidebar: #111827;
  --arcane-sidebar-soft: #1f2937;
  --arcane-link: #2563eb;
  --arcane-link-hover: #1d4ed8;
  --arcane-code: #0f172a;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--arcane-bg);
  --md-default-fg-color: #1f2937;
  --md-default-fg-color--light: #4b5563;
  --md-primary-fg-color: #0f172a;
  --md-accent-fg-color: var(--arcane-link);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b1220;
  --md-default-fg-color: #e5edf7;
  --md-default-fg-color--light: #9fb3ca;
  --md-primary-fg-color: #0d1628;
  --md-accent-fg-color: #93c5fd;
}

.md-header {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.12);
}

[data-md-color-scheme="default"] .md-main {
  background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 45%), var(--arcane-bg);
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-sidebar__scrollwrap {
  background: linear-gradient(180deg, var(--arcane-sidebar), #0b1220 58%);
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__title,
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link {
  color: #e2e8f0;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link:hover,
[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__link--active {
  color: #93c5fd;
}

[data-md-color-scheme="default"] .md-sidebar--primary .md-nav__source {
  background: var(--arcane-sidebar-soft);
}

.md-content {
  background: var(--arcane-surface);
  border: 1px solid var(--arcane-border);
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.md-content__inner {
  margin-top: 0.6rem;
  padding: 1.1rem 1.6rem 2rem;
}

.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #0f172a;
}

.md-typeset h2 {
  font-weight: 750;
  letter-spacing: -0.01em;
  border-bottom: 1px solid #e5edf7;
  padding-bottom: 0.35rem;
}

.md-typeset a {
  color: var(--arcane-link);
}

.md-typeset a:hover {
  color: var(--arcane-link-hover);
}

.md-typeset :is(code, kbd, pre) {
  font-variant-ligatures: none;
}

.md-typeset code {
  color: var(--arcane-code);
  background: #eaf1ff;
  border-radius: 0.35rem;
}

.md-typeset pre > code {
  border-radius: 10px;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 10px;
  border-width: 1px;
}

.md-search__form {
  border-radius: 10px;
}

[data-md-color-scheme="slate"] .md-main {
  background: radial-gradient(circle at top right, rgba(147, 197, 253, 0.08), transparent 48%), #0b1220;
}

[data-md-color-scheme="slate"] .md-sidebar--primary .md-sidebar__scrollwrap {
  background: linear-gradient(180deg, #0f172a, #0b1220 58%);
}

[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__title,
[data-md-color-scheme="slate"] .md-sidebar--primary .md-nav__link {
  color: #dbe7f7;
}

[data-md-color-scheme="slate"] .md-content {
  background: #0f172a;
  border-color: #223146;
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.45);
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #f8fbff;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  border-bottom-color: #223146;
}

[data-md-color-scheme="slate"] .md-typeset code {
  color: #dbeafe;
  background: #111d34;
}

@media screen and (max-width: 76.1875em) {
  .md-content {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
  }

  .md-content__inner {
    padding: 1rem 1rem 1.5rem;
  }
}