:root {
	/* Colors */
  	--color-white: #FFFFFF;
  	
	--color-gray-50: #F7FAFC;
  	--color-gray-100: #EDF2F7;
  	--color-gray-200: #F1F1F1;
	--color-gray-900: #171923;
	
	--color-orange-200: #f18935;
	--color-orange-500: #FF4500;

	--text-base: .75rem;
}

@media (max-width: 1080px) {
  html {
    font-size: 93.75%;
  }
}

@media (max-width: 720px) {
  html {
    font-size: 87.5%;
  }
}

body {
  background: var(--color-white);
  color: var(--color-gray-900) !important;
}

body, input, textarea, select, button, a, .ui-widget {
  font: 400 var(--text-base) Arial, 'Roboto', Verdana, sans-serif;
  --webkit-font-smoothing: antialiased !important;
  text-shadow: none;
}

::-webkit-scrollbar,::-webkit-scrollbar-track{
    background:var(--color-gray-100);
}
::-webkit-scrollbar{
    width:6px;
    height:6px;
    scrollbar-width:6px;
}
::-webkit-scrollbar-thumb{
    background:var(--color-orange-500);
}