/* Watson brand on MkDocs Material (dark "slate" scheme).
   Colors come from /static/brand/tokens.css (loaded first), so the wiki follows
   the front page when the brand changes. See watson-stacks docs/branding.md. */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--bg);
  --md-default-fg-color: var(--text);
  --md-default-fg-color--light: var(--muted);
  --md-default-fg-color--lighter: var(--muted);
  --md-primary-fg-color: var(--surface);
  --md-primary-bg-color: var(--text);
  --md-accent-fg-color: var(--teal);
  --md-typeset-a-color: var(--accent-strong);
  --md-code-bg-color: var(--surface);
  --md-footer-bg-color: var(--surface);
  --md-footer-bg-color--dark: var(--bg);
  --md-text-font-family: var(--font);
}
.md-header, .md-tabs { background-color: var(--surface); }
.md-header__topic:first-child { font-weight: 700; }
.md-typeset h1, .md-typeset h2 { color: var(--text); }
.md-typeset .admonition, .md-typeset details { background-color: var(--surface); border-radius: var(--radius); }
.md-typeset .md-button--primary { background-color: var(--accent); border-color: var(--accent); color: #fff; }
.md-typeset .md-button--primary:hover { background-color: var(--accent-hover); border-color: var(--accent-hover); }
.md-search__form { border-radius: var(--radius); }
.md-nav__link--active, .md-nav__link:hover { color: var(--teal) !important; }