@import 'tailwindcss';

:root {
	/* NutriPhi Theme - Health/Nature */
	--color-primary: #22C55E;
	--color-primary-hover: #16A34A;
	--color-primary-light: #86EFAC;
	--color-secondary: #F97316;
	--color-accent: #14B8A6;

	/* Dark theme */
	--color-background-page: #0F1F0F;
	--color-background-card: #1A2F1A;
	--color-background-elevated: #243824;

	--color-text-primary: #F0FDF4;
	--color-text-secondary: #BBF7D0;
	--color-text-muted: #6B8E6B;

	--color-border: #22543D;
	--color-border-light: #2D6A4F;

	/* Nutrition colors */
	--color-calories: #F59E0B;
	--color-protein: #EF4444;
	--color-carbs: #3B82F6;
	--color-fat: #8B5CF6;
	--color-fiber: #10B981;
}

html {
	background-color: var(--color-background-page);
	color: var(--color-text-primary);
}

body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	min-height: 100vh;
	min-height: 100dvh;
}

/* Mobile-optimized touch targets */
button, a, input, select, textarea {
	min-height: 44px;
}

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Hide scrollbar but allow scrolling */
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
	display: none;
}
