app.css

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

@layer base {
	:root {
		--background: 221 0% 100%;
		--foreground: 221 0% 10%;
		--card: 221 0% 100%;
		--card-foreground: 221 0% 15%;
		--popover: 221 0% 100%;
		--popover-foreground: 221 95% 10%;
		--primary: 221 84.1% 12.4%;
		--primary-foreground: 0 0% 100%;
		--secondary: 221 10% 90%;
		--secondary-foreground: 0 0% 0%;
		--muted: 183 10% 95%;
		--muted-foreground: 221 0% 40%;
		--accent: 183 10% 90%;
		--accent-foreground: 221 0% 15%;
		--destructive: 0 50% 50%;
		--destructive-foreground: 221 0% 100%;
		--border: 221 20% 82%;
		--input: 221 20% 50%;
		--ring: 221 84.1% 12.4%;
		--radius: 0.5rem;
	}
	.dark {
		--background: 221 10% 10%;
		--foreground: 221 0% 100%;
		--card: 221 0% 10%;
		--card-foreground: 221 0% 100%;
		--popover: 221 10% 5%;
		--popover-foreground: 221 0% 100%;
		--primary: 221 84.1% 12.4%;
		--primary-foreground: 0 0% 100%;
		--secondary: 221 10% 20%;
		--secondary-foreground: 0 0% 100%;
		--muted: 183 10% 25%;
		--muted-foreground: 221 0% 65%;
		--accent: 183 10% 25%;
		--accent-foreground: 221 0% 95%;
		--destructive: 0 50% 50%;
		--destructive-foreground: 221 0% 100%;
		--border: 221 20% 50%;
		--input: 221 20% 50%;
		--ring: 221 84.1% 12.4%;
		--radius: 0.5rem;
	}
}

@layer base {
	* {
		@apply border-border;
	}
	body {
		@apply bg-background text-foreground;
	}
}