/* Yokogawa (APP_THEME=yokogawa), from the Client's theme colour guide: primary blue #004F9B (buttons, icons, accents),
   dark #00316C (navbar), secondary blue #1A61A5, light background #F6F6F7, yellow accent #F9E300 (the emblem).
   html:root outranks globals.css's :root, whichever stylesheet loads first. */
html:root{
  --brand:#004F9B;--brand-dk:#00316C;--brand-lt:#E6EEF7;--brand-mid:#A9C4E3;
  --sec:#1A61A5;--sec-lt:#E8F0F8;--sec-dk:#00316C;
  --accent:#F9E300;
  --rail:#00316C;--rb:rgba(255,255,255,.12);
  /* Text on the navy rail keeps 4.5:1 (G-035): the faintest labels are a little stronger than on the default rail. */
  --r3:rgba(255,255,255,.62);--r4:rgba(255,255,255,.6);
  --rhov:rgba(255,255,255,.07);--ract:rgba(255,255,255,.13);
  --bg:#F6F6F7;
}
html:root .nav-item.active::before{background:var(--accent);}
html:root .nav-item.active .nav-ic{color:var(--accent);}
html:root .nav-av{background:linear-gradient(135deg,var(--sec),var(--brand));}