html:root {
  --brand: #e23039;
  --brand-hover: #f2464e;
  --brand-disabled: #de8088;
  --link: #ec313b;
  --link-hover: #ff6870;
  --link-disabled: #df958b;
  --material: #ffffff;
  --material-hover: #ececec;
  --material-disabled: #f2f2f2;
  --primary: #e1e1e1;
  --primary-hover: #d9d9d9;
  --primary-disabled: #bfbfbf;
  --bg: #dddddd;
  --border: #dddddd;
  --text-for-material: #393939;
  --text-for-material-disabled: #797979;
  --sub-text: #404040;
  --icon: #929292;
  --icon-hover: #626262;
  --text-for-brand: #ffffff;
  --text-for-brand-disabled: #ebebeb;
  --odd: #383838;
  --amber: #dfa325;
  --red: #de3636;
  --green: #159f50;
  --shadow: #adadad;
  --disable-button: #ffffff;
}

html:root[theme=dark] {
  --brand: #bd0009;
  --brand-hover: #df1d2d;
  --brand-disabled: #6a070f;
  --link: #ec6565;
  --link-hover: #ff8282;
  --link-disabled: #9c6161;
  --material: #29292c;
  --material-hover: #353538;
  --material-disabled: #090a0b;
  --primary: #47474a;
  --primary-hover: #535353;
  --primary-disabled: #3f3f41;
  --bg: #151515;
  --border: #14151e;
  --text-for-material: #ffffff;
  --text-for-material-disabled: #b2b2b2;
  --sub-text: #bdbfc3;
  --icon: #cccccc;
  --icon-hover: #ffffff;
  --text-for-brand: #ffffff;
  --text-for-brand-disabled: #888888;
  --odd: #ffe3b9;
  --amber: #ffb822;
  --red: #f26f89;
  --green: #01b64f;
  --shadow: #181920;
  --disable-button: #000000;
}

.event-participant .event-participant-logo img,
.event-participant .event-participant-logo svg {
  --icon: var(--link-hover);
}