/* Prosync product bar — Violet.
   A PRODUCT THEME. Load it after styles.css and switch it on with <html data-chrome="violet">
   (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 10.4:1 · muted on the tool row 7.0:1 · subtle on a field 5.6:1 (gate 4.5:1). */
[data-chrome="violet"]{
  --chrome:#4B2E83;
  --chrome-2:#513587;
  --chrome-field:#563B8A;
  --chrome-ink:#FFFFFF;
  --chrome-ink-muted:#E0DBEA;
  --chrome-ink-subtle:#D2CBE0;
  --chrome-ink-placeholder:#C7BED9;
}