@config "../../tailwind.config.js";

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
	.c-scrollbar {
	  scrollbar-color: #dbdbdb #f1f1f1;
	  scrollbar-width: thin;
	}

	.c-scrollbar::-webkit-scrollbar {
	  width: 15px;
	  height: 15px;
	}

	.c-scrollbar::-webkit-scrollbar-track {
	  border-radius: 100vh;
	  background: #f1f1f1;
	}

	.c-scrollbar::-webkit-scrollbar-thumb {
	  background: #dbdbdb;
	  border-radius: 100vh;
	  border: 3px solid #f1f1f1;
	}
	
	.c-scrollbar::-webkit-scrollbar-thumb:hover {
	  background: #bababa;
	}

	.text-stroke {
		-webkit-text-fill-color: transparent;
  		-webkit-text-stroke: 1px #000;
	}

	html {
		font-family: "Valexa", system-ui, sans-serif;
	}
}