[data-md-color-scheme="default"] {
  --md-primary-fg-color:              #18181b;
  --md-primary-fg-color--light:       #3f3f46;
  --md-primary-fg-color--dark:        #09090b;
  --md-primary-bg-color:              #ffffff;
  --md-primary-bg-color--light:       rgba(255,255,255,.7);

  --md-accent-fg-color:               #18181b;
  --md-accent-fg-color--transparent:  rgba(24,24,27,.1);
  --md-accent-bg-color:               #ffffff;

  --md-default-bg-color:              #f4f4f5;
  --md-default-fg-color:              #18181b;
  --md-default-fg-color--light:       #3f3f46;
  --md-default-fg-color--lighter:     #71717a;
  --md-default-fg-color--lightest:    #a1a1aa;

  /* Code blocks */
  --md-code-bg-color:                 #ffffff;
  --md-code-fg-color:                 #3f3f46;

  /* Typeset */
  --md-typeset-color:                 #3f3f46;
  --md-typeset-a-color:               #18181b;

  /* Table */
  --md-typeset-table-color:           #e4e4e7;
  --md-typeset-table-color--light:    rgba(228,228,231,.4);
}

/*  Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:              #18181b;
  --md-primary-fg-color--light:       #27272a;
  --md-primary-fg-color--dark:        #09090b;
  --md-primary-bg-color:              #f4f4f5;
  --md-primary-bg-color--light:       rgba(244,244,245,.7);

  --md-accent-fg-color:               #a1a1aa;
  --md-accent-fg-color--transparent:  rgba(161,161,170,.1);
  --md-accent-bg-color:               #18181b;

  /* Dark page background */
  --md-default-bg-color:              #27272a;
  --md-default-fg-color:              #f4f4f5;
  --md-default-fg-color--light:       #e4e4e7;
  --md-default-fg-color--lighter:     #a1a1aa;
  --md-default-fg-color--lightest:    #71717a;

  /* Code blocks */
  --md-code-bg-color:                 #18181b;
  --md-code-fg-color:                 #e4e4e7;

  /* Typeset */
  --md-typeset-color:                 #e4e4e7;
  --md-typeset-a-color:               #f4f4f5;

  /* Table */
  --md-typeset-table-color:           rgba(228,228,231,.12);
  --md-typeset-table-color--light:    rgba(228,228,231,.06);
}

/* Mermaid diagram text inherits the zinc palette */
.mermaid .label {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}