/* SmartSoft internal docs — light touch-ups on top of Material defaults. */

:root {
  --md-primary-fg-color:        #3f51b5;
  --md-primary-fg-color--light: #6573c3;
  --md-primary-fg-color--dark:  #2c387e;
}

/* Make Mermaid diagrams sit in a soft framed card so they read as figures. */
.mermaid {
  display: flex;
  justify-content: center;
  padding: 1rem 0.5rem;
  margin: 1.25rem 0;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  background: var(--md-default-bg-color);
  overflow-x: auto;
}

/* Slightly tighter, calmer tables. */
.md-typeset table:not([class]) {
  font-size: 0.74rem;
}
.md-typeset table:not([class]) th {
  background: var(--md-default-fg-color--lightest);
}

/* A simple "legend" chip used on some headings via attr_list, e.g. {.legacy} */
.legacy::after {
  content: "LEGACY";
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  vertical-align: middle;
  margin-left: 0.5rem;
  padding: 0.1rem 0.4rem;
  border-radius: 0.3rem;
  background: #b71c1c;
  color: #fff;
}

/* Grid of cards on the landing page (uses Material's built-in .grid.cards). */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border-radius: 0.5rem;
}