/**
 * Shared Tailo design tokens — light pastel palette (Sophie mockups).
 */

:root {
	--tailo-green: #4a7c59;
	--tailo-green-dark: #3d6b4f;
	--tailo-green-muted: #6b8f6b;
	--tailo-green-soft: #dceee3;
	--tailo-green-pastel: #e6f3ea;
	--tailo-lavender: #e4daf2;
	--tailo-lavender-soft: #eee6f8;
	--tailo-peach: #f5e2d4;
	--tailo-sky: #d9eaf5;
	--tailo-sky-dark: #3d6b8f;
	--tailo-purple-dark: #5f4782;
	--tailo-quicknav-green-bg: #edf5ef;
	--tailo-quicknav-green-icon: #3d6b4f;
	--tailo-quicknav-blue-bg: #e8f0f8;
	--tailo-quicknav-blue-icon: #3d5f8f;
	--tailo-quicknav-purple-bg: #f0e8f7;
	--tailo-quicknav-purple-icon: #6b4f8f;
	--tailo-quicknav-neutral-bg: #f2f2f2;
	--tailo-quicknav-neutral-icon: #2d3748;
	--tailo-cream: #faf9f8;
	--tailo-border: #e8e4de;
	--tailo-text: #2d3748;
	--tailo-text-muted: #718096;
	--tailo-radius: 16px;
	--tailo-radius-lg: 20px;
	--tailo-shadow: 0 4px 24px rgba(74, 124, 89, 0.08);
	--tailo-nav-height-mobile: 5rem;
	--tailo-nav-height-desktop: 4.75rem;
	--tailo-app-max-width: 1000px;
	--tailo-app-gutter-mobile: 32px;
	--tailo-app-gutter-tablet: 48px;
	--tailo-app-gutter-desktop: 48px;
	--tailo-readable-max-width: 47.5rem;
}