/* A binary ink palette; no difference blending and no filtering of imagery.
   These rules change paint only: hit areas, masks and pill motion stay intact. */
html:root[data-theme]{--chrome-ink:#000;--chrome-paper:#fff;--chrome-nav-ink:#000;--chrome-nav-paper:#fff}
html:root[data-theme="dark"]{--chrome-ink:#fff;--chrome-paper:#000;--chrome-nav-ink:#fff;--chrome-nav-paper:#000}
html:root[data-theme].monochrome-chrome body .site-header .brand,
html:root[data-theme].monochrome-chrome body .mobile-menu-toggle{color:var(--chrome-ink)!important;mix-blend-mode:normal!important}
html:root[data-theme] body .site-header #site-navigation{mix-blend-mode:normal!important;--chrome-ink:var(--chrome-nav-ink);--chrome-paper:var(--chrome-nav-paper)}
html:root[data-theme] body .site-header #site-navigation > a,
html:root[data-theme] body .site-header #site-navigation :is(.theme-toggle,.site-search-toggle,.editor-shortcut){color:var(--chrome-ink)!important}
html:root[data-theme] body .site-header #site-navigation > a:is([aria-current],[aria-expanded="true"],:hover,:focus-visible),
html:root[data-theme] body .site-header #site-navigation :is(.theme-toggle,.site-search-toggle,.editor-shortcut):is(:hover,:focus-visible,[aria-expanded="true"]){background:var(--chrome-ink)!important;color:var(--chrome-paper)!important}
html:root[data-theme].nav-magnet-enabled body .site-header #site-navigation > a.nav-liquid-control,
html:root[data-theme].nav-magnet-enabled body .site-header #site-navigation :is(.theme-toggle,.site-search-toggle,.editor-shortcut).nav-liquid-control{background:transparent!important;color:var(--chrome-ink)!important}
html:root[data-theme].nav-magnet-enabled body .site-header #site-navigation > a.nav-magnet-target,
html:root[data-theme].nav-magnet-enabled body .site-header #site-navigation :is(.theme-toggle,.site-search-toggle,.editor-shortcut).nav-magnet-target{color:var(--chrome-paper)!important}
html:root[data-theme] body #site-navigation .navigation-cursor-bubble{background:var(--chrome-nav-ink)!important}
html:root[data-theme] body #site-navigation [data-control-label]::after{color:var(--chrome-ink)!important}
html:root[data-theme] body .liquid-navigation-menu:not(.project-filter-menu){--menu-surface:var(--chrome-nav-ink);--menu-ink:var(--chrome-nav-paper)}
html:root[data-theme] body .site-header #site-navigation > a.liquid-menu-owner{color:transparent!important;background:transparent!important;-webkit-text-fill-color:transparent!important}
/* The mobile dialog has its own opaque dark surface, never sample through it. */
html:root[data-theme].monochrome-chrome.mobile-menu-open body .site-header .brand{color:#fff!important}
/* The dark homepage wash is not part of hit testing. Follow its tonal state
   immediately, including menu surfaces and connected hover pills. */
html:root[data-theme]:has(body.page-home.chapter-dark){--chrome-nav-ink:#fff!important;--chrome-nav-paper:#000!important}
html:root[data-theme] body.page-home.chapter-dark :is(.site-header .brand,#site-navigation,.mobile-menu-toggle){--chrome-ink:#fff!important;--chrome-paper:#000!important}