/* mh-brandicon.css - styling for the MhBrandIcon canonical two-tone icon set.
   Brand/semantic glyphs carry baked palette colour and read on both themes, so they
   need no rules here. Only the three NEUTRAL-ink glyphs (close, chevron, arrow) ride on
   currentColor; this file gives them an ink colour in light mode and a legible light
   tone in dark mode so they never vanish on a dark surface. */

.mh-bi { display: inline-block; vertical-align: middle; flex: none; }

/* Neutral trio: ink in light, soft light tone in dark (matches the app's dark secondary
   text, e.g. body.dark .cl-seclbl #C9D4D0). Both stroke and the faint tint fill inherit
   this via currentColor. */
.mh-bi--neutral { color: #62625C; }
body.dark .mh-bi--neutral { color: #C9D4D0; }