/* NeuroPype brand layer over Material for MkDocs — matches neuropype.io
   (teal accent #518f91, Raleway headings, Open Sans body). */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;700&display=swap');

/* Override the palette's own attribute-scoped vars (loads after Material's CSS,
   same specificity → wins) so the header/links use the exact brand teal. */
[data-md-color-primary] {
  --md-primary-fg-color:        #518f91;
  --md-primary-fg-color--light: #6ba4a6;
  --md-primary-fg-color--dark:  #3f7173;
}
[data-md-color-accent] {
  --md-accent-fg-color: #518f91;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

/* Header logo (white mark on the teal bar). */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.7rem;
  width: auto;
}

/* Node reference: port/property metadata as a compact key–value grid
   (smaller muted keys, monospaced values). */
.md-typeset .np-port-meta {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: .1rem .9rem;
  margin: .4rem 0 1.4rem;
}
.md-typeset .np-port-meta dt {
  font-size: .72rem;
  font-weight: 600;
  color: var(--md-default-fg-color--light);
  padding-top: .1rem;
}
.md-typeset .np-port-meta dd {
  margin: 0;
  font-family: var(--md-code-font-family, "Roboto Mono", monospace);
  font-size: .7rem;
}