:root {
  --md-primary-fg-color: #5fcbfa;
  --md-accent-fg-color: #5fcbfa;
}

[data-md-color-primary="blue-grey"] {
  --md-primary-fg-color: #5fcbfa;
  --md-primary-fg-color--light: #5fcbfa;
  --md-primary-fg-color--dark: #52b0d9;
  --md-primary-bg-color: #0c0c0c;
  --md-primary-bg-color--light: rgba(12, 12, 12, 0.7);
}

[data-md-color-accent="cyan"] {
  --md-accent-fg-color: #5fcbfa;
  --md-accent-fg-color--transparent: rgba(95, 203, 250, 0.1);
}

.md-header {
  background-color: #5fcbfa;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  background: #ffffff;
  border-radius: 0.2rem;
  box-sizing: border-box;
  height: 1.6rem;
  object-fit: contain;
  padding: 0.15rem;
  width: 1.6rem;
}

.md-nav__button.md-logo img,
.md-nav__button.md-logo svg {
  background: #ffffff;
  border-radius: 0.35rem;
  box-sizing: border-box;
  height: 4rem;
  object-fit: contain;
  padding: 0.35rem;
  width: 4rem;
}

.md-header__button.md-logo {
  margin: 0.25rem;
}

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

.md-typeset pre > code {
  font-size: 0.72rem;
}