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

@layer base {
	:root {
		--color-primary: 59 130 246;
		--color-secondary: 30 64 175;
		--color-foreground: 30 41 59;
		--color-background: 255 255 255;
		--color-border: 226 232 240;
		--color-muted-foreground: 100 116 139;
		--color-muted-background: 248 250 252;
	}
}

@layer components {
	/* Add your custom components here */
	.btn-primary {
		@apply bg-primary text-white px-4 py-2 rounded-md hover:bg-primary/90 transition-colors;
	}

	.container {
		@apply mx-auto px-4 w-full;
	}
}

@layer utilities {
	/* Add your custom utilities here */
	.text-shadow {
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.text-shadow-none {
		text-shadow: none;
	}
}