/*dark*/

:root {
  --drawer: #484848;
  --loginBg: #424242;
  --modalBg: #333;
  --listAnnotation: #555;
  --contactButton: #595959;
  --headerBorder: #555;
  --divider: #888;
  --loginInputBorderColor: #e0e0e0;
  --loginIcon: #e0e0e0;
  --loginButtonBg: #595959;
  --hoverLoginBtnContactBtn: #7a7a7a;
  --icons: white;
  --listItemBorderBottom: #343434;
  --qrBorder: white;
  --containedIcon: white;
  --mainText: white;
  --mainBackgroundColor: #121212;
  --secondaryBackgroundColor: #484848;
  --bg555: #555;
  --bgc0c0b8: #c0c0b8; /* Check de ok, input de login, otros */
  --buttonAccept: #747474;
  --buttonCancel: transparent;
  --svgColor: #e5e5e5;
  --negativeText: black;
  --groupNode: #f2f2f2;
  --genreBackground: #747474;
  --modalBackgroundColor: #2a2a2a;
  --react-tel-highlight-color: #444;
  --react-tel-arrow-color: #ffffff;
  --react-tel-dial-code-color: #bfbfbf;
  --react-tel-country-list-color: #555;
  --screenSelectorButtonBorder: #1c1c1c;
  --screenSelectorBackgroundColor: #444;

}