:root {
  /* Primary blue — used for links, active nav items, highlighted text */
  --md-primary-fg-color:        #3E6CFF;
  --md-primary-fg-color--light: color-mix(in srgb, #3E6CFF 85%, #fff);
  --md-primary-fg-color--dark:  color-mix(in srgb, #3E6CFF 85%, #000);
  --md-accent-fg-color:         #3E6CFF;

  /* Page and code backgrounds */
  --md-default-bg-color:        #F6F7FA;
  --md-code-bg-color:           #F2F3F7;

  /* Body text and links */
  --md-default-fg-color:        #121212;
  --md-typeset-color:           #121212;
  --md-typeset-a-color:         #3E6CFF;

  /* Code text */
  --md-code-fg-color:           #36464e;
}