:root {
  --md-primary-fg-color: #12344a;
  --md-primary-fg-color--light: #1d577a;
  --md-primary-fg-color--dark: #0b2230;
  --md-accent-fg-color: #c78b2a;
  --md-accent-fg-color--transparent: rgba(199, 139, 42, 0.12);
  --md-default-bg-color: #f5f1e8;
  --md-default-fg-color: #18222b;
  --md-typeset-a-color: #1d577a;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f1820;
  --md-default-fg-color: #e8edf1;
  --md-typeset-a-color: #8fc3e8;
}

.md-header {
  backdrop-filter: blur(14px);
  background: linear-gradient(90deg, rgba(18, 52, 74, 0.96), rgba(11, 34, 48, 0.92));
}

.md-tabs {
  background: linear-gradient(90deg, rgba(199, 139, 42, 0.16), rgba(18, 52, 74, 0.12));
}

.md-main {
  background:
    radial-gradient(circle at top right, rgba(199, 139, 42, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(18, 52, 74, 0.03), transparent 18rem);
}

.md-content__inner {
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(18, 52, 74, 0.08);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(11, 34, 48, 0.08);
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.5rem 1.5rem;
}

[data-md-color-scheme="slate"] .md-content__inner {
  background: rgba(20, 30, 38, 0.82);
  border-color: rgba(143, 195, 232, 0.12);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

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

.md-typeset h1 {
  font-weight: 700;
}

.md-typeset code {
  border-radius: 0.35rem;
}