/* ConnectGain docs — light branding on top of Material */

:root {
  --md-primary-fg-color: #3949ab;
  --md-primary-fg-color--light: #5c6bc0;
  --md-primary-fg-color--dark: #283593;
  --md-accent-fg-color: #3d5afe;
}

/* Homepage hero buttons spacing */
.md-button + .md-button {
  margin-left: 0.4rem;
}

/* Grid cards (used on the home page) get a subtle lift */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > :is(ul, ol) > li {
  border-radius: 0.6rem;
  transition: border-color 120ms, box-shadow 120ms, transform 120ms;
}
.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 4px 18px rgba(57, 73, 171, 0.12);
  transform: translateY(-2px);
}

/* Tighten wide tables on the home page */
.md-typeset table:not([class]) {
  font-size: 0.78rem;
}