@import '../theme/colors.css';

* {
    margin: 0;
    padding: 0 ;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
  }
  
  button {
    border: none;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  /* Estilo da barra de rolagem */
  ::-webkit-scrollbar {
    width: 8px;  /* Largura da barra de rolagem */
    height: 8px; /* Altura da barra de rolagem horizontal */
  }
  
  /* Estilo da parte "track" da barra de rolagem (onde a barra desliza) */
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Cor do fundo */
    border-radius: 10px;
  }
  
  /* Estilo da parte "thumb" da barra de rolagem (o botão que você arrasta) */
  ::-webkit-scrollbar-thumb {
    background-color: var(--verde-principal); /* Cor do "thumb" */
    border-radius: 10px;
  }
  
  /* Estilo da parte "thumb" quando está sendo hover */
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--verde-hover); /* Cor ao passar o mouse */
  }