@import "tailwindcss";

@import "./components/forms.css";
@import "./components/browser.css";
@import "./components/table.css";
@import "./components/admin.css";
@import "./components/flash.css";
@import "./components/manager.css";

@theme {
	--font-sans: "bicyclette", sans-serif;

	--color-white: #fcfafaff;
	--color-black: #141414ff;
	--color-blue: #73a9ffff;
	--color-orange: #f79256ff;
	--color-red: #994636ff;    
}



@layer utilities {
	.stu-logo {
		@apply bg-blue text-black relative inline-block px-4 py-1 border-[3px] border-black rounded-lg font-bold mb-[20px];
		@apply after:content-[''] after:absolute after:pointer-events-none after:bg-contain;
		@apply after:bg-center after:bg-no-repeat;
		@apply after:bottom-[-20px] after:left-[10px] after:w-[45px] after:h-[20px];
	}

	.stu-logo::after {
		background-image: url("/assets/logo/logo_bottom-b79d1b2d.svg");
	}
}