@import url('https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap');

body {
    font-family: "Nata Sans", sans-serif;
    font-optical-sizing: auto;

    /* Cor do thumb e do track no Firefox */

}

html {
  scroll-behavior: smooth;
}
/* Scrollbar */
::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}

/* Thumb */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3b82f6, #2563eb);
  border-radius: 9999px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease;
}

/* Hover */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #2563eb, #1e40af);
}

/* Opcional: borda para separar do fundo */
::-webkit-scrollbar-track {
  background: transparent;
  margin-block: 4px; /* deixa um respiro nas extremidades */
}