/* forge docs themed to match the FORGE Suite (forge-mri.dev).
 *
 * Goal: read like the suite's VitePress sites — neutral header, indigo accents,
 * Inter, clean typography. The white/black header comes from theme.palette
 * `primary`; this file handles the indigo accents and the type treatment. */

:root {
  --forge-indigo: #3451b2;
  --forge-indigo-bright: #5a78e0;
}

/* Indigo links + accents (the palette's white primary would otherwise make
   links near-invisible, since Material derives link color from primary). */
[data-md-color-scheme="default"] {
  --md-accent-fg-color: var(--forge-indigo);
  --md-typeset-a-color: var(--forge-indigo);
}
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #9db2ff;
  --md-typeset-a-color: #9db2ff;
}

/* VitePress-style header: a hairline border instead of the colored bar + shadow. */
.md-header {
  box-shadow: none;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}
.md-tabs {
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* Typography tuned toward VitePress. */
.md-typeset {
  line-height: 1.7;
}
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--md-default-fg-color);
}
.md-typeset h1 {
  font-weight: 700;
}
/* VitePress-like divider above H2 sections. */
.md-typeset h2 {
  margin-top: 2.5rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

/* Active nav + TOC entries in the brand indigo. */
.md-nav__link--active,
.md-nav__link--active:hover,
.md-nav__link--active:focus {
  color: var(--forge-indigo);
  font-weight: 600;
}
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #9db2ff;
}

/* Brand-colored primary buttons (e.g. the home "Get Started" hero button). */
.md-typeset .md-button--primary {
  background-color: var(--forge-indigo);
  border-color: var(--forge-indigo);
  color: #fff;
}
.md-typeset .md-button--primary:hover {
  background-color: var(--forge-indigo-bright);
  border-color: var(--forge-indigo-bright);
}