/*
 * MobA11y's brand for the web, from its logo (a robotic arm holding a phone): a cool steel blue, and the logo's slate
 * backdrop with its icy highlight. The one color MobA11y adds to HAi1Y's palette (hai1y-design-web's hai1y.css, loaded
 * first); used by moba11y.com and the blog. Steel follows light and dark mode, as hai1y.css's tokens do; slate and ice
 * are the same in both.
 */
.h-theme {
  --m-steel: #35627A; --m-steel-c: #DCEAF1; --m-on-steel: #FFFFFF;   /* 6.4:1 on the page */
  --m-slate: #2E343C; --m-slate-d: #1A1E24; --m-slate-l: #4A535E;     /* the logo's backdrop, and its lit corner */
  --m-on-slate: #FFFFFF; --m-on-slate-q: #D5DCE3; --m-ice: #A7CBDD;   /* text on slate; the logo's cool highlight */
}
.h-theme.h-dark, :root[data-theme="dark"] .h-theme, :root[data-theme="dark"].h-theme {
  --m-steel: #A7CBDD; --m-steel-c: #1E2A31; --m-on-steel: #000000;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .h-theme:not(.h-light), :root:not([data-theme="light"]).h-theme:not(.h-light) {
    --m-steel: #A7CBDD; --m-steel-c: #1E2A31; --m-on-steel: #000000;
  }
}