@define-color hostile #e01b24;
@define-color friendly #33d17a;
@define-color secret #9141ac;

.disposition-hostile {
  background-color: mix(shade(@hostile, 1.6), @window_bg_color, 0.5);
}

:checked.disposition-hostile {
  background-color: mix(shade(@hostile, 1), @window_bg_color, 0.5);
}

.disposition-friendly {
  background-color: mix(shade(@friendly, 1.6), @window_bg_color, 0.5);
}

:checked.disposition-friendly {
  background-color: mix(shade(@friendly, 1), @window_bg_color, 0.5);
}

.disposition-secret {
  background-color: mix(shade(@secret, 1.6), @window_bg_color, 0.5);
}

:checked.disposition-secret {
  background-color: mix(shade(@secret, 1), @window_bg_color, 0.5);
}

.active-participant {
  background-color: mix(shade(@accent_bg_color, 1.5), @card_bg_color, 0.5);
}