:root {
  --md-primary-fg-color:          #2980B9;  /* Base blue */
  --md-primary-fg-color--light:   #5DADE2;  /* Lighter for contrast */
  --md-primary-fg-color--dark:    #1B4F72;  /* Darker for depth */

  --md-accent-fg-color:           #2980B9;
  --md-accent-fg-color--hover:    #1B4F72;

  --md-typeset-a-color:           #1B4F72;  /* Link color */

  --md-default-fg-color:          #202020;  /* Solid readable text */
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
  :root {
    --md-default-fg-color: #EEEEEE;  /* Light text for dark backgrounds, instead of #202020 */
  }
}

.md-typeset h1 {
  font-weight: bold;
}

.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 600;
}


.grid.cards ul li {
  margin-bottom: 0.1em; /* tighten spacing for the index toc */
}