:root{
    --bg-color:#1F1F23;
    --text-color: #EAEAEA;

    --font-SpaceGrotesk:"Space Grotesk", sans-serif;
    --font-roboto:"Roboto", sans-serif;
}

.light-theme{
    --bg-color: #F5F5F7; 
    --text-color: #1A1A1A;
}



body {
  --sb-track-color: var(--bg-color);
  --sb-thumb-color: var(--text-color);
  --sb-size: 0px;
}

body::-webkit-scrollbar {
  width: var(--sb-size)
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
  
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}