:root{
  --hc-area-accent:#111214;
  --hc-area-accent-rgb:17,18,20;
}
body.hc-area-equipamentos{--hc-area-accent:#A63D57;--hc-area-accent-rgb:166,61,87}
body.hc-area-ferramentas{--hc-area-accent:#123B5D;--hc-area-accent-rgb:18,59,93}
body.hc-area-formacao{--hc-area-accent:#00A6A6;--hc-area-accent-rgb:0,166,166}
body.hc-area-fotografia{--hc-area-accent:#70757A;--hc-area-accent-rgb:112,117,122}
body.hc-area-web{--hc-area-accent:#1677C8;--hc-area-accent-rgb:22,119,200}

/* HOME e páginas neutras ficam como estavam. */
body.hc-area-neutral .site-footer{background:#0a0a0a}

/* Footer assume a cor da área. */
body:not(.hc-area-neutral) .site-footer{
  background:var(--hc-area-accent) !important;
  color:#fff !important;
}
body:not(.hc-area-neutral) .site-footer .footer-tagline,
body:not(.hc-area-neutral) .site-footer h3,
body:not(.hc-area-neutral) .site-footer .footer-bottom{
  color:rgba(255,255,255,.78) !important;
}
body:not(.hc-area-neutral) .site-footer .footer-bottom{
  border-top-color:rgba(255,255,255,.28) !important;
}

/* Header: mantém a barra superior preta; a barra principal identifica a área. */
body:not(.hc-area-neutral) .hc-mainbar{
  background:var(--hc-area-accent) !important;
  border-bottom-color:rgba(255,255,255,.28) !important;
}
body:not(.hc-area-neutral) .hc-mainbar .hc-menu a{
  color:#fff !important;
}
body:not(.hc-area-neutral) .hc-mainbar .hc-menu a::after{
  background:#fff !important;
}
body:not(.hc-area-neutral) .hc-menu-toggle{
  color:#fff !important;
}

/* Se existir header do tema em vez do módulo, aplica apenas uma faixa de cor. */
body:not(.hc-area-neutral) > header.site-header{
  border-bottom:4px solid var(--hc-area-accent);
}