/* Use your custom scheme name */
[data-md-color-scheme="uchicago"] {
  /* Brand colors */
  --md-primary-fg-color:        #880000; /* maroon in header/nav */
  --md-primary-fg-color--light: #aa2a2a;
  --md-primary-fg-color--dark:  #5f0000;

  /* Accents (links, hovers, focus rings, active items) */
  --md-accent-fg-color:         #880000;
  --md-accent-fg-color--light:  #b36a6a;
  --md-accent-fg-color--dark:   #5f0000;

  /* Inline link color in content */
  --md-typeset-a-color:         var(--md-accent-fg-color);

  /* (Optional) general body text tone; usually leave as default */
  /* --md-default-fg-color:        rgba(28, 28, 28, 1); */
}

/* If you want HEADINGS to use the primary brand color */
[data-md-color-scheme="uchicago"] .md-typeset h1,
[data-md-color-scheme="uchicago"] .md-typeset h2,
[data-md-color-scheme="uchicago"] .md-typeset h3,
[data-md-color-scheme="uchicago"] .md-typeset h4,
[data-md-color-scheme="uchicago"] .md-typeset h5,
[data-md-color-scheme="uchicago"] .md-typeset h6 {
  color: var(--md-primary-fg-color);
}

/* (Optional) make strong emphasis maroon too */
[data-md-color-scheme="uchicago"] .md-typeset strong {
  color: var(--md-primary-fg-color);
}
