:root {
  --md-primary-fg-color: #061835;
  --md-primary-fg-color--light: #102d57;
  --md-primary-fg-color--dark: #020b18;
}

.md-header {
  background-color: #061835;
}

.md-tabs {
  background-color: #061835;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  background-color: #f7f9fc;
  border: 1px solid #dbe2ec;
  border-radius: 32px;
  overflow: hidden;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(6, 24, 53, 0.14);
}

.md-typeset .grid.cards h2,
.md-typeset .grid.cards strong {
  color: #061835;
}