/* A plain Material site with one accent color. */

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1f5f5b;
  --md-primary-fg-color--light: #2c7a75;
  --md-primary-fg-color--dark: #164744;
  --md-accent-fg-color: #c2571a;
  --md-typeset-a-color: #1f6f69;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #163a38;
  --md-primary-fg-color--light: #1f5f5b;
  --md-primary-fg-color--dark: #0f2826;
  --md-accent-fg-color: #f0965c;
  --md-typeset-a-color: #6cc5bd;
  --md-default-bg-color: #12191b;
}

/* Home page: a short lead under the title. */
.md-typeset .lead {
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--md-default-fg-color--light);
  margin-top: -0.4rem;
}

/* Dark mode: outline buttons in the link color, so they stay readable. */
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: var(--md-typeset-a-color);
  border-color: var(--md-typeset-a-color);
}
[data-md-color-scheme="slate"] .md-typeset .md-button--primary {
  background-color: var(--md-primary-fg-color--light);
  border-color: var(--md-primary-fg-color--light);
}

/* Cards: a little more room, the icon in the accent color. */
.md-typeset .grid.cards > ul > li {
  padding: 1rem 1.1rem;
}
.md-typeset .grid.cards .lg {
  color: var(--md-primary-fg-color--light);
}
[data-md-color-scheme="slate"] .md-typeset .grid.cards .lg {
  color: var(--md-typeset-a-color);
}

/* Tables fill the width, so short tables don't look stranded. */
.md-typeset__table {
  width: 100%;
}
.md-typeset__table table:not([class]) {
  display: table;
  width: 100%;
}