:root {
  --md-primary-fg-color:               #eb6f92;
  --md-primary-fg-color--light:        #2a273f;
  --md-primary-bg-color:               #191724;
  --md-primary-bg-color--light:        #232136;

  --md-accent-fg-color:                #eb6f9288;
  --md-accent-bg-color:                #ebbcba; 
  --md-accent-bg-color--light:         #ea9a97;
  --text-color:                        #e0def4;
  --text-code-color:                   #9ccfd8;
  --text-bg-color:                     #393552;

}

.md-typeset h1 {
  color: var(--md-primary-fg-color);
}

[data-md-color-scheme="slate"] {
  --md-hue: 210; 
  --md-default-fg-color:               var(--text-color);
  --md-default-fg-color--light:        var(--text-color);
  --md-default-fg-color--lighter:      var(--md-primary-fg-color--light);
  --md-default-bg-color:               var(--md-primary-bg-color);
  --md-default-bg-color--light:        hsla(--md-primary-bg-color);
  --md-code-fg-color:                  var(--text-code-color);
  --md-code-bg-color:                  var(--text-bg-color);
}

.md-nav__link--active {
    font-weight: bold; /* Make active link bold */
    border-left: 4px solid var(--md-accent-fg-color); /* Add a left border */
}

h1, h2, h3, h4, h5, h6 {
    color: var(--md-primary-fg-color);
}

.md-content {
    --md-typeset-a-color: #3e8fb0;
}