:root {
  --md-primary-fg-color: #7c3aed;
  --md-primary-fg-color--light: #a855f7;
  --md-primary-fg-color--dark: #6d28d9;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #f8fafc;

  --md-accent-fg-color: #a855f7;
  --md-accent-fg-color--transparent: rgba(168, 85, 247, 0.1);
  --md-accent-bg-color: #eef2ff;

  --md-default-fg-color: #0f172a;
  --md-default-fg-color--light: #64748b;
  --md-default-fg-color--lighter: #94a3b8;

  --md-default-bg-color: #ffffff;
  --md-code-bg-color: #f8fafc;

  --md-footer-bg-color: #0d0d1a;
  --md-footer-fg-color: rgba(255, 255, 255, 0.87);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #a855f7;
  --md-primary-fg-color--light: #c084fc;
  --md-primary-fg-color--dark: #7c3aed;
  --md-accent-fg-color: #c084fc;
  --md-default-bg-color: #0d0d1a;
  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-code-bg-color: #1e1b2e;
  --md-footer-bg-color: #06060f;
}

.md-tabs {
  background-color: var(--md-primary-fg-color);
}

.md-header {
  background-color: var(--md-primary-fg-color);
}

.md-search-result mark {
  background-color: var(--md-accent-fg-color--transparent);
}