/* Shared visual vocabulary for the public site and inspection workspace. */
:root {
  --bg-app:#e8ecef; --bg-panel:#f4f5f6; --bg-surface:#fff;
  --border-strong:#adb8c1; --border-mid:#d1d8de;
  --text-main:#26323a; --text-sub:#596671;
  --brand-navy:#263640; --brand-blue:#245b78;
  --sw-green:#344a45; --apply-green:#2b6b4b; --hold-amber:#8a5b16; --alert-red:#ad3432;
  --navy-950:#22323d; --navy-900:#2d414e; --navy-800:#354f5f;
  --blue-700:#245b78; --blue-600:#1c4b65; --crimson-600:#ad3432;
  --emerald-700:#2b6b4b; --amber-700:#8a5b16;
  --slate-900:#26323a; --slate-700:#46535e; --slate-600:#596671;
  --slate-300:#d1d8de; --slate-200:#e5e9ed; --slate-100:#f3f5f6; --slate-50:#f8f9fa;
  --font-ui:"Yu Gothic UI",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible {outline:2px solid #245b78;outline-offset:2px;}
input[type="checkbox"],input[type="radio"] {accent-color:var(--brand-blue);}
.brand-mark {display:block;flex:none;width:24px;height:24px;}
.brand-lockup {display:block;width:202px;height:auto;}
.ui-icon {display:inline-block;width:16px;height:16px;flex:none;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}