/* Crank brand palette (MB#13388) -- lime / purple / dark. ENG-c238900e. */
:root {
  --crank-lime: #C8FF38;
  --crank-purple: #8A2BE2;
  --crank-dark: #0A0A12;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--crank-dark);
  --md-accent-fg-color: var(--crank-lime);
  --md-default-bg-color: var(--crank-dark);
  --md-typeset-a-color: var(--crank-lime);
}

[data-md-color-scheme="slate"] .md-header {
  background-color: var(--crank-dark);
  border-bottom: 1px solid var(--crank-purple);
}

/* Links + accents lean lime; headings get a subtle purple rule. */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2 {
  border-bottom: 1px solid color-mix(in srgb, var(--crank-purple) 40%, transparent);
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--crank-lime);
}