/* Keep adaptive ink on the color background, not on white interface surfaces. */
body.hc-color-utility .hc-global-nav{
  --hc-nav-bg:rgba(255,255,255,.96);
  --hc-nav-text:#111827;
  --hc-nav-muted:#475467;
  --hc-nav-line:rgba(17,24,39,.12);
  border-color:var(--hc-nav-line)!important;
  background:var(--hc-nav-bg)!important;
  color:var(--hc-nav-text)!important;
}

/* The global header is a light surface. Never inherit adaptive page ink here. */
html:not([data-hc-theme="dark"]) body.hc-color-utility .hc-global-nav :is(
  .hc-desktop-links .hc-nav-link,
  .hc-more-button,
  .hc-menu-button
){
  color:#475467!important;
  -webkit-text-fill-color:#475467!important;
  text-shadow:none!important;
  opacity:1!important;
}

html:not([data-hc-theme="dark"]) body.hc-color-utility .hc-global-nav :is(
  .hc-desktop-links .hc-nav-link:hover,
  .hc-more-button:hover,
  .hc-menu-button:hover,
  .hc-desktop-links .hc-nav-link[aria-current="page"]
){
  background:#f2f4f7!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

html:not([data-hc-theme="dark"]) body.hc-color-utility :is(.hc-more-menu,.hc-color-menu,.hc-mobile-menu) .hc-nav-link{
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
  text-shadow:none!important;
  opacity:1!important;
}

body.hc-color-utility :is(.hc-command-button,.hc-mobile-command,.hc-color-button,.hc-user-menu-button){
  border-color:#d0d5dd!important;
  background:#fff!important;
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
}

body.hc-color-utility :is(.hc-command-button:hover,.hc-mobile-command:hover,.hc-color-button:hover,.hc-user-menu-button:hover),
body.hc-color-utility .hc-user-menu[data-open="true"] .hc-user-menu-button{
  border-color:#98a2b3!important;
  background:#f9fafb!important;
  color:#101828!important;
  -webkit-text-fill-color:#101828!important;
}

body.hc-color-utility .hc-color-chevron{
  color:#667085!important;
  -webkit-text-fill-color:#667085!important;
}

body.hc-color-utility .hc-context-bar{
  border-color:rgba(17,24,39,.08)!important;
  background:rgba(255,255,255,.82)!important;
  color:#667085!important;
}

body.hc-color-utility .hc-context-bar :is(a,strong){
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
}

body.hc-color-utility .hc-global-footer{
  border-color:var(--hc-nav-line)!important;
  background:#fff!important;
  color:#667085!important;
}

body.hc-color-utility .hc-global-footer a{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}

body.hc-color-utility .color-panel{
  color:#111827!important;
}

body.hc-color-utility .color-panel #colorTitle{
  color:#667085!important;
  -webkit-text-fill-color:#667085!important;
}

body.hc-color-utility .color-panel .icon-button{
  border-color:#cfd6dd!important;
  background:#fff!important;
  color:#344054!important;
  -webkit-text-fill-color:#344054!important;
  box-shadow:0 2px 8px rgba(16,24,40,.08);
}

body.hc-color-utility .color-panel .icon-button:hover{
  border-color:#98a2b3!important;
  background:#f2f4f7!important;
  color:#101828!important;
  -webkit-text-fill-color:#101828!important;
}

body.hc-color-utility .color-panel .icon-button:focus-visible{
  outline:3px solid rgba(17,24,39,.18);
  outline-offset:3px;
}

html[data-hc-theme="dark"] body.hc-color-utility .hc-global-nav{
  --hc-nav-bg:rgba(18,22,28,.96);
  --hc-nav-text:var(--hc-text);
  --hc-nav-muted:var(--hc-muted);
  --hc-nav-line:var(--hc-line);
}

html[data-hc-theme="dark"] body.hc-color-utility .hc-global-nav :is(
  .hc-desktop-links .hc-nav-link,
  .hc-more-button,
  .hc-menu-button
){
  color:var(--hc-nav-muted)!important;
  -webkit-text-fill-color:var(--hc-nav-muted)!important;
}

html[data-hc-theme="dark"] body.hc-color-utility :is(.hc-command-button,.hc-mobile-command,.hc-color-button,.hc-user-menu-button),
html[data-hc-theme="dark"] body.hc-color-utility .color-panel .icon-button{
  border-color:var(--hc-line)!important;
  background:var(--hc-surface-raised)!important;
  color:var(--hc-text-soft)!important;
  -webkit-text-fill-color:var(--hc-text-soft)!important;
}

html[data-hc-theme="dark"] body.hc-color-utility .color-panel #colorTitle{
  color:var(--hc-muted)!important;
  -webkit-text-fill-color:var(--hc-muted)!important;
}