:root {
  --md-primary-fg-color: #128c7e;       /* WhatsApp teal */
  --md-primary-fg-color--light: #25d366;
  --md-primary-fg-color--dark: #075e54;
  --md-accent-fg-color: #25d366;        /* WhatsApp green */
}

/* Hero tagline under the H1 on the landing page */
.hero-tagline {
  font-size: 1.25rem;
  font-weight: 300;
  color: var(--md-default-fg-color--light);
  margin-top: -0.4rem;
  margin-bottom: 1.2rem;
}

/* Slightly tighter, card-like grid */
.md-typeset .grid.cards > ul > li {
  border-radius: 0.6rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0 0.4rem rgba(37, 211, 102, 0.25);
}

/* Code blocks: a touch more breathing room */
.md-typeset pre > code {
  border-radius: 0.4rem;
}

/* Blog post meta */
.md-typeset .md-post__meta {
  opacity: 0.8;
}