/* HERUN VI 2026-10-24. Brand interface only; artwork and material colours stay intact. */
:root{--hr-brand:#15253E;--hr-brand-inverse:#FFFFFF;--ink:#15253E;--navy:#15253E;--hr-type-ink:#15253E}
body.hr-site{--ink:var(--hr-brand);--navy:var(--hr-brand);--hr-type-ink:var(--hr-brand)}
body.hr-site :is(h1,h2,h3,h4,.hr-title,.hx-title){color:var(--hr-brand)!important}
body.hr-site .site-header,
body.hr-site .site-header #site-nav>a,
body.hr-site .site-header #site-nav .lang a,
body.hr-site .site-header #site-nav .lang a[aria-current],
body.hr-site .site-header .nav-toggle,
body.hr-site :is(.hr42-page-nav,.hr43-denim-direction),
body.hr-site .hr42-tool>summary,
body.hr-site .hr42-brand-examples>summary{color:var(--hr-brand)}
body.hr-site :is(.hr-button,.hr-btn:not(.outline),.btn:not(.btn-ghost),.hm-button,.sk-button),
body.hr-site .sl26-actions button,
body.hr-site .bt-options button,
body.hr-site .ca14-tray-actions a,
body.hr-site .hr-rack31 .hr-rack31-actions .enquire{background:var(--hr-brand);border-color:var(--hr-brand);color:var(--hr-brand-inverse)!important}
body.hr-site :is(.hr-button,.hr-btn:not(.outline),.btn:not(.btn-ghost),.hm-button,.sk-button):hover,
body.hr-site .sl26-actions button:hover,
body.hr-site .hr-rack31 .hr-rack31-actions .enquire:hover{background:var(--hr-brand);border-color:var(--hr-brand);text-decoration:underline;text-underline-offset:4px}
body.hr-site :is(.btn-ghost,.hr-btn.outline){color:var(--hr-brand);border-color:var(--hr-brand)}
body.hr-site :is(.hr-link,.hx-link,.ds-text-link,.sk-text-link,.hm-link){color:var(--hr-brand)}
body.hr-site :is(.hr-footer,.sk-footer,.bp04-highlight,.ms-light-line){background:var(--hr-brand);color:var(--hr-brand-inverse)}
body.hr-site :is(.hr-footer,.sk-footer,.bp04-highlight) :is(h2,h3,h4,p,a,span,small),
body.hr-site .hr-footer .hr-footer-legal{color:var(--hr-brand-inverse)!important}
body.hr-site .hr-footer .hr-footer-legal{border-color:rgba(255,255,255,.24)}
body.hr-site :is(.hr-footer,.sk-footer,.bp04-highlight) a:focus-visible{outline-color:var(--hr-brand-inverse)}
body.hr-site :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--hr-brand)}
body.hr-site :is(.hr-footer,.sk-footer,.bp04-highlight) :is(a,button):focus-visible{outline-color:var(--hr-brand-inverse)}
body.hr-site input:is([type=checkbox],[type=radio]){accent-color:var(--hr-brand)}

/* VI detail audit: UI labels and state indicators, without recolouring artwork. */
@media screen {
  body.hr-site :is(.d23-form,.d23-stage,.sl26-gallery,.tp24-page),
  body.hr-site .d23-field :is(input,select,textarea),
  body.hr-site .cm26-library summary,
  body.hr-site :is(.tp24-keytone,.tp24-structure,.tp24-colour-code),
  body.hr-site :is(.tp24-links,.tp24-entry) a,
  body.hr-site .tp24-card strong,
  body.hr-site .case27-item figcaption,
  body.hr-site :is(.bp23-art-card,.bp24-art-card,.bp19-trend-relation) strong,
  body.hr-site .bp24-full-artwork,
  body.hr-site .v30-lightbox :is(footer,button) {
    color:var(--hr-brand);
  }

  body.hr-site :is(#apparel-applications,#porcelain-applications)
  :is(h4,.bp19-art-id,.bp19-solid-list,.bp19-brief-label) {
    color:var(--hr-brand)!important;
  }

  body.hr-site #bra-top-options.bp23-options
  .bt-picture-options .bt-choice input:checked + span {
    border-color:var(--hr-brand);
    box-shadow:inset 0 0 0 1px var(--hr-brand);
  }
  body.hr-site #bra-top-options.bp23-options
  .bt-picture-options .bt-choice input:focus-visible + span,
  body.hr-site .sl26-select:has(input:focus-visible) {
    outline-color:var(--hr-brand);
  }
}