/*light*/

:root {
  --drawer: #fafafa;
  --loginBg: white;
  --modalBg: #eaeaea;
  --listAnnotation: #cecece;
  --contactButton: white;
  --headerBorder: #cecece;
  --divider: rgba(0, 0, 0, 0.54);
  --loginInputBorderColor: #cfcfcf;
  --loginIcon: #cfcfcf;
  --loginButtonBg: #c4c4c4;
  --hoverLoginBtnContactBtn: #e2e2e2;
  --icons: rgba(0, 0, 0, 0.54);
  --listItemBorderBottom: #eee;
  --qrBorder: white;
  --containedIcon: white;
  --mainText: black;
  --mainBackgroundColor: #eee;
  --secondaryBackgroundColor: #fafafa;
  --bg555: white;
  --bgc0c0b8: #7c7c78; /* Check de ok, input de login, otros */
  --buttonAccept: #f5f5f5;
  --buttonCancel: #c4c4c4;
  --svgColor: #200f0f;
  --negativeText: white;
  --groupNode: #e0e0e0;
  --genreBackground: #e5e5e5;
  --modalBackgroundColor: #fff;
  --react-tel-highlight-color: #f1f1f1;
  --react-tel-arrow-color: #555;
  --react-tel-dial-code-color: #6b6b6b;
  --react-tel-country-list-color: white;
  --screenSelectorButtonBorder: #cecece;
  --screenSelectorBackgroundColor: white;
}