/* Палитра MetaHMI. Значения: R, G, B. colors.html читает эти же переменные. */
:root {
  --hmi-value-fill: 220, 220, 220;
  --hmi-value-border: 120, 120, 120;
  --hmi-value-text: 0, 0, 0;
  --hmi-warning: 255, 255, 0;
  --hmi-fault: 255, 0, 0;
  --hmi-panel-fill: 190, 190, 195;
  --hmi-button-fill: 190, 190, 205;
  --hmi-label-fill: 220, 220, 220;
  --hmi-on: 155, 175, 155;
}
.hmi-value-field { fill: rgb(var(--hmi-value-fill)); stroke: rgb(var(--hmi-value-border)); }
.hmi-value-text { fill: rgb(var(--hmi-value-text)); }
.hmi-warning { fill:none; stroke:rgb(var(--hmi-warning)); }
.hmi-fault { fill:none; stroke:rgb(var(--hmi-fault)); }
.color-reference { width:100%; height:570px; border:0; display:block; }
@media(max-width:600px) { .color-reference { height:620px; } }

/* Одинаковая таблица во всех примерах: номер, элемент, привязка, поведение. */
@media(min-width:521px) {
 #bindings table { table-layout:fixed; }
 #bindings td:nth-child(1), #bindings th:nth-child(1) { width:5%; }
 #bindings td:nth-child(2), #bindings th:nth-child(2) { width:22%; }
 #bindings td:nth-child(3), #bindings th:nth-child(3) { width:38%; }
 #bindings td:nth-child(4), #bindings th:nth-child(4) { width:35%; }
}
#bindings td, #bindings code { overflow-wrap:anywhere; }

:root { --hmi-rgb-160-160-160: 160, 160, 160; }

:root { --hmi-rgb-240-240-240: 240, 240, 240; }

:root { --hmi-rgb-60-60-60: 60, 60, 60; }

:root { --hmi-rgb-90-90-90: 90, 90, 90; }

:root { --hmi-rgb-255-192-0: 255, 192, 0; }

:root { --hmi-rgb-210-210-210: 210, 210, 210; }

:root { --hmi-rgb-255-0-255: 255, 0, 255; }

:root { --hmi-header-fill: 238, 238, 238; }

/* Трубопроводы: RGB и толщина линии в пикселях целевого экрана. */
:root {
  --hmi-pipe-supply: 216, 59, 59;
  --hmi-pipe-return: 40, 111, 196;
  --hmi-pipe-water: 0, 140, 151;
  --hmi-pipe-width: 2.5;
}
.hmi-pipe { fill:none; stroke-width:var(--hmi-pipe-width); }
.hmi-pipe-supply { stroke:rgb(var(--hmi-pipe-supply)); }
.hmi-pipe-return { stroke:rgb(var(--hmi-pipe-return)); }
.hmi-pipe-water { stroke:rgb(var(--hmi-pipe-water)); }