/* Brand colours for the docs site.
 *
 * The logo (docs/assets/logo.svg) sits INSIDE the header, and uses two blues:
 * a bright blue (#007AFF, upper mark) and a deep indigo (#312ECB, lower mark).
 * The header background must differ from BOTH or part of the mark disappears
 * against it (an indigo header hides the indigo lower path). So the header is a
 * deep neutral navy that is far darker than either logo blue, letting the whole
 * mark read clearly, while the bright logo blue is kept as the link/hover
 * accent. Applied to both the light (default) and dark (slate) schemes. */

[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #141a33;  /* header / nav bar (deep neutral navy) */
  --md-primary-fg-color--light: #2a3360;
  --md-primary-fg-color--dark:  #0c1124;
  --md-primary-bg-color:        #ffffff;  /* text + logo backdrop on the header */
  --md-primary-bg-color--light: #ffffffb3;

  --md-accent-fg-color:         #007aff;  /* links/hover (logo bright blue) */
  --md-accent-fg-color--transparent: #007aff1a;
}

/* Figures span the full content column, uniformly.
 *
 * The per-image width="…" hints in the Markdown set inconsistent fixed pixel
 * widths (520–960), so narrower figures sat indented from the column while wide
 * ones filled it — visually uneven. This makes every figure image fill the
 * column (height auto-scales, aspect ratio preserved). The figures are high-DPI
 * matplotlib PNGs, so the smaller ones upscale cleanly. The width="…" attribute
 * is a low-specificity presentational hint, so this CSS overrides it without
 * touching the Markdown; inline (non-figure) images are unaffected. */
.md-typeset figure {
  width: 100%;
}

.md-typeset figure img {
  width: 100%;
  height: auto;
}