.theme--water {
  --color-primary: #3b82b9;
  --color-primary-tint: #98c0e1;
  --color-primary-shade: #245480;
  --linear-gradient-brand: linear-gradient(to right, var(--color-primary), #21486b);
}

.theme--thermal {
  --color-primary: #6BB0E2;
  --color-primary-tint: #c8e2f5;
  --color-primary-shade: #4180cf;
  --linear-gradient-brand: linear-gradient(to right, var(--color-primary), #386cbd);
}

.theme--wire {
  --color-primary: #777171;
  --color-primary-tint: #d5d2d2;
  --color-primary-shade: #423e3e;
  --linear-gradient-brand: linear-gradient(to right, var(--color-primary), #282526);
}