:root {
  --md-primary-fg-color: #485975;
  --md-primary-fg-color--light: #60708a;
  --md-primary-fg-color--dark: #32425a;
  --md-accent-fg-color: #e8a838;
}

body,
[data-md-color-scheme="default"] {
  background-color: #f4f7fb;
}

.md-header {
  background: linear-gradient(135deg, #1a2535 0%, #485975 100%);
}

.md-header__button.md-logo {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 999px;
  margin: 0.2rem 0.35rem 0.2rem 0;
  padding: 0.3rem 0.65rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  display: block;
  height: 1.2rem;
  width: auto;
}

.md-tabs {
  background-color: #32425a;
}

.md-content__inner {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin: 1rem 0;
  padding: 1.5rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: #32425a;
}

.md-typeset a {
  color: #485975;
}

.md-typeset a:hover {
  color: #32425a;
}

.md-typeset .admonition,
.md-typeset details {
  border-color: #e8a838;
}

.md-footer-meta {
  background-color: #1a2535;
}