/* Shared HP state colors. Temporary HP never change the state. */
[data-hp-state="normal"] { --hp-state-color: #83c9c1; }
[data-hp-state="warning"] { --hp-state-color: #f1c75b; }
[data-hp-state="critical"] { --hp-state-color: #ff7a85; }
[data-hp-state="unknown"] { --hp-state-color: #a2a9bc; }
.hp-stat[data-hp-state], .hp-totals[data-hp-state] {
  color: var(--hp-state-color);
  border-color: var(--hp-state-color);
}
.pools article[data-hp-state] .hp { color: var(--hp-state-color); }
.pools article[data-hp-state] progress { accent-color: var(--hp-state-color); }
.pools article.active[data-hp-state] { border-color: var(--hp-state-color); }