/* Tecnicora brand theme for the help center.
   Palette source: Brandbook (05 Manual de identidad):
     - Institutional green  PANTONE 802 C = #2AEA33  (accent / "efecto especial" only)
     - Neutral Black        #000000      (base)
     - White                #FFFFFF      (base)
   Brand rule: black/white carry the design; green is a special accent, not everywhere. */

:root {
  --tec-green: #2AEA33;
  --tec-green-dark: #1fb528;

  /* bright green fails contrast as body-link text on white -> readable green for links,
     bright green reserved for accents/hover/buttons */
  --md-accent-fg-color: var(--tec-green);
  --md-typeset-a-color: #0c8f27;
}

/* White header needs a hairline to separate it from the white content area. */
.md-header {
  border-bottom: 1px solid #ececec;
}
.md-header__topic .md-ellipsis {
  font-weight: 700;
}

/* Logo: tightly cropped wordmark; give it a touch more height than the default. */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.4rem;
  width: auto;
}

/* Secondary CTA (declared first so the primary rule below wins on shared buttons). */
.md-typeset .md-button {
  border-color: #000;
  color: #000;
}
.md-typeset .md-button:hover,
.md-typeset .md-button:focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

/* Primary CTA = brand green with black text (the accent moment). */
.md-typeset .md-button--primary {
  background-color: var(--tec-green);
  border-color: var(--tec-green);
  color: #000;
}
.md-typeset .md-button--primary:hover,
.md-typeset .md-button--primary:focus {
  background-color: var(--tec-green-dark);
  border-color: var(--tec-green-dark);
  color: #000;
}

/* Footer copyright keeps its dark bar (Material default) — on-brand black. */