:root {
    --bs-body-bg: #1d1d1d00; /* Cor de fundo #262629*/
  --bs-body-color: #f8f9fa; /* Cor do texto */
  --bs-primary: #007bff; /* Cor primária */
  --bs-secondary: #6c757d; /* Cor secundária */
  --bs-success: #28a745; /* Cor de sucesso */
  --bs-info: #17a2b8; /* Cor de informação */
  --bs-warning: #ffc107; /* Cor de aviso */
  --bs-danger: #dc3545; /* Cor de perigo */
  --bs-light: #f8f9fa; /* Cor clara */
  --bs-dark: green; /* Cor escura #343a40 */
/* vermelho geral #8e3030 */

  --background: #f0f0f0;
  --bubble-color: #f9f9f9;
  /*--bubble-shadow:4px 5px 1px rgb(0 0 0 / 0.2);*/

  --bubble-shadow:  0 5px 15px 0px rgb(0 0 0 / 0.2);

  --background-modal-color:#00000063;

  --label-color: #707070;

  --input-background-color: #fff;
  --input-color:#909090;
  --input-shadow:0px 5px 15px rgb(0 0 0 / 0.1);
  --input-border-bottom: 2px solid #fff;


  --mainColor: #2b8175;

  --textColor: #797979;
  /*--mainColor: #2c9a5d;*/

  --menu-vertical-px:280px;

  --item-menu-background-hover: #ebebeb;
}

input:is(:-webkit-autofill, :autofill) {
  -webkit-box-shadow: 0 0 0px 30px var(--background) inset !important;
  -webkit-text-fill-color: var(--input-color) !important;
  }