/*
 * Shared authority for values common to the two approved production headers.
 * Existing selectors and context-specific layout rules remain unchanged so the
 * refactor does not alter production appearance.
 */
:root {
  --hp-shared-header-bg: #06172c;
  --hp-shared-header-height: 94px;
  --hp-shared-header-scrolled-height: 78px;
  --hp-shared-header-mobile-height: 72px;
  --hp-shared-header-gold: #d3a343;
  --hp-shared-header-whatsapp: #168f45;
}

.site-header .brand-copy strong > span,
.hp-header .hp-brand__copy strong > span,
.site-header .brand-copy small,
.hp-header .hp-brand__copy small {
  color: var(--hp-shared-header-gold);
}

.site-header .header-whatsapp,
.hp-header .hp-header-whatsapp {
  background: var(--hp-shared-header-whatsapp);
}