/* cl-tty-kit documentation — small brand-level polish on top of Material. */

:root {
  --md-primary-fg-color: #4527a0;
  --md-primary-fg-color--light: #5e35b1;
  --md-primary-fg-color--dark: #311b92;
  --md-accent-fg-color: #7c4dff;
}

/* Tint the grid-card icons with the brand purple and lift cards on hover. */
.md-typeset .grid.cards > ul > li .twemoji svg,
.md-typeset .grid.cards > :is(ul, ol) > li .lg.middle svg {
  fill: var(--md-primary-fg-color);
}

.md-typeset .grid.cards > :is(ul, ol) > li {
  border-radius: 0.5rem;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  border-color: var(--md-primary-fg-color--light);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* Slightly tighter code blocks read better for Lisp forms. */
.md-typeset pre > code {
  font-variant-ligatures: none;
}