/* Menu-in brand only: surface mode never changes site or restaurant theme preferences. */
:is(img[src$="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in.svg?"],img[src$="/assets/global/images/brand/menu-in-icon.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:light;filter:none}
:is(.dark-style,.dark-mode,[data-theme="dark"],[data-bs-theme="dark"]) :is(img[src$="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in.svg?"],img[src$="/assets/global/images/brand/menu-in-icon.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:dark}
/* These existing surfaces keep their light background even within a dark page. */
:is(#invoice,#header-container.mi-home-header,#footer.mi-site-footer,.mi-verification-header,.figma-account-page .figma-panel-header,#layout-menu.bg-menu-theme .mi-admin-brand,.studio-head .brand,.quick-imgview.bg-light,#quick_theme_setting .bg-white) :is(img[src$="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in.svg?"],img[src$="/assets/global/images/brand/menu-in-icon.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:light}
/* The logo upload screen deliberately previews the footer mark on a dark tile. */
.quick-imgview.bg-dark :is(img[src$="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in.svg?"],img[src$="/assets/global/images/brand/menu-in-icon.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:dark}
/* Invoices remain legible on white paper, regardless of screen preference. */
@media print{:is(img[src$="/assets/global/images/brand/menu-in.svg"],img[src*="/assets/global/images/brand/menu-in.svg?"],img[src$="/assets/global/images/brand/menu-in-icon.svg"],img[src*="/assets/global/images/brand/menu-in-icon.svg?"]){color-scheme:light!important;filter:none!important}}
