/* Prosync product bar — Teal.
   A PRODUCT THEME. Load it after styles.css and switch it on with <html data-chrome="teal">
   (or on any wrapper element, to show this bar inside another page). It changes the global bar and tool row only,
   so a person can tell which of our systems they are in at a glance. Commit, interactive,
   semantic colours, type, geometry and the logo stay Prosync's. See themes/README.md.
   Contrast: white on the bar 8.5:1 · muted on the tool row 5.8:1 · subtle on a field 4.8:1 (gate 4.5:1). */
[data-chrome="teal"]{
  --chrome:#0B5560;
  --chrome-2:#145B66;
  --chrome-field:#1A5F6A;
  --chrome-ink:#FFFFFF;
  --chrome-ink-muted:#D6E2E4;
  --chrome-ink-subtle:#C2D5D7;
  --chrome-ink-placeholder:#B3CACE;
}