:root {
  --md-primary-fg-color: #0f7f6f;
  --md-primary-fg-color--light: #7dcaa9;
  --md-primary-fg-color--dark: #07584f;
  --md-accent-fg-color: #2f9d71;
  --cm-ink: #16312e;
  --cm-board: #7dcaa9;
  --cm-board-dark: #0f7f6f;
  --cm-warm: #fff8e8;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #fbfdf9;
  --md-default-fg-color: var(--cm-ink);
  --md-typeset-a-color: #0f7f6f;
}

.md-header,
.md-tabs {
  background: linear-gradient(90deg, #07584f 0%, #0f7f6f 48%, #49ad87 100%);
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
  width: 2rem;
}

.md-sidebar--primary .md-nav__title {
  display: none;
}

.md-typeset h1,
.md-typeset h2 {
  color: #07584f;
  font-weight: 700;
}

.md-typeset h1 {
  margin-bottom: 0.5rem;
}

.md-typeset .cm-hero {
  border-left: 0.35rem solid var(--cm-board);
  margin: 1rem 0 2rem;
  padding: 1rem 1.25rem;
  background:
    linear-gradient(135deg, rgba(125, 202, 169, 0.2), rgba(255, 248, 232, 0.75)),
    linear-gradient(45deg, rgba(15, 127, 111, 0.08) 25%, transparent 25% 75%, rgba(15, 127, 111, 0.08) 75%);
  background-size: auto, 2rem 2rem;
  border-radius: 0.4rem;
}

.md-typeset .cm-hero strong {
  color: #07584f;
}

.md-typeset .cm-card-grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  margin: 1.25rem 0;
}

.md-typeset .cm-card {
  border: 1px solid rgba(15, 127, 111, 0.18);
  border-radius: 0.35rem;
  padding: 0.85rem;
  background: #ffffff;
  box-shadow: 0 0.35rem 1.25rem rgba(22, 49, 46, 0.06);
}

.md-typeset .cm-card h3 {
  color: #07584f;
  margin: 0 0 0.35rem;
}

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