/* Brand palette — forest green sampled from the org logo (#356852) */
:root > * {
  --md-primary-fg-color:        #356852;
  --md-primary-fg-color--light: #4a8a6e;
  --md-primary-fg-color--dark:  #234738;
  --md-accent-fg-color:         #c98a00;
}

/* Dark scheme keeps the same brand hue; lighter green for body links so they
   stay AA-readable on the dark background. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #356852;
  --md-primary-fg-color--light: #4a8a6e;
  --md-primary-fg-color--dark:  #234738;
  --md-accent-fg-color:         #e0a300;
  --md-typeset-a-color:         #7fb79f;
}

/* Centered project lockup hero on the docs home page */
.mp-hero {
  text-align: center;
  margin: 1.5rem 0 2.5rem;
}
.mp-hero .mp-lockup {
  margin: 0;
  font-size: 0;   /* collapse whitespace between the stacked <img> variants */
  line-height: 0;
}
.mp-hero .mp-logo {
  max-width: 420px;
  width: 70%;
  height: auto;
}
/* Light lockup by default; cream lockup in dark (slate) mode. */
.mp-hero .mp-logo--dark { display: none; }
[data-md-color-scheme="slate"] .mp-hero .mp-logo--light { display: none; }
[data-md-color-scheme="slate"] .mp-hero .mp-logo--dark  { display: inline; }