/* uEngage brand theming for MkDocs Material
   Brand: deep green #003C1B (site theme-color), bright-green accent. */

:root {
  --uengage-green:        #003C1B;
  --uengage-green-light:  #0a5a30;
  --uengage-green-dark:   #002813;
  --uengage-accent:       #00A651;
}

/* Primary (header/nav/footer background) — light scheme */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        var(--uengage-green);
  --md-primary-fg-color--light: var(--uengage-green-light);
  --md-primary-fg-color--dark:  var(--uengage-green-dark);
  --md-primary-bg-color:        #ffffff;            /* text/logo on the green header */
  --md-primary-bg-color--light: rgba(255,255,255,0.72);
}

/* Accent (links hover, active items) */
[data-md-color-accent="custom"] {
  --md-accent-fg-color:             var(--uengage-accent);
  --md-accent-fg-color--transparent: rgba(0,166,81,0.10);
}

/* Dark (slate) scheme: keep the branded green links but let the header sit on the
   green primary too, so branding is consistent across the toggle. */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: var(--uengage-accent);
}

/* Give the header logo a little breathing room and a sensible max height */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.5rem;
  width: auto;
}

/* Nav "tabs" (product bar) — subtle contrast on the deep-green header */
.md-tabs {
  background-color: var(--uengage-green-dark);
}