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

@layer base {
	:root {
		--background: 139 100% 95%;
		--foreground: 139 5% 0%;
		--card: 139 50% 90%;
		--card-foreground: 139 5% 10%;
		--popover: 139 100% 95%;
		--popover-foreground: 139 100% 0%;
		--primary: 139 93.8% 31.6%;
		--primary-foreground: 0 0% 100%;
		--secondary: 139 30% 70%;
		--secondary-foreground: 0 0% 0%;
		--muted: 101 30% 85%;
		--muted-foreground: 139 5% 35%;
		--accent: 101 30% 80%;
		--accent-foreground: 139 5% 10%;
		--destructive: 0 100% 30%;
		--destructive-foreground: 139 5% 90%;
		--border: 139 30% 50%;
		--input: 139 30% 18%;
		--ring: 139 93.8% 31.6%;
		--radius: 0.5rem;
	}
	.dark {
		--background: 139 50% 5%;
		--foreground: 139 5% 90%;
		--card: 139 50% 0%;
		--card-foreground: 139 5% 90%;
		--popover: 139 50% 5%;
		--popover-foreground: 139 5% 90%;
		--primary: 139 93.8% 31.6%;
		--primary-foreground: 0 0% 100%;
		--secondary: 139 30% 10%;
		--secondary-foreground: 0 0% 100%;
		--muted: 101 30% 15%;
		--muted-foreground: 139 5% 60%;
		--accent: 101 30% 15%;
		--accent-foreground: 139 5% 90%;
		--destructive: 0 100% 30%;
		--destructive-foreground: 139 5% 90%;
		--border: 139 30% 18%;
		--input: 139 30% 18%;
		--ring: 139 93.8% 31.6%;
		--radius: 0.5rem;
	}
}

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