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


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

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

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

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

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

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

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