export const theme = { colors: { primary: '#2d5016', // Dark green primaryLight: '#4a7c2a', // Medium green accent: '#7cb342', // Light green accentLight: '#aed581', // Lighter green text: '#8d6e63', // Light brown/orange for text textDark: '#5d4037', // Darker brown for headings background: '#ffffff', border: '#e0e0e0', }, fonts: { sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif', }, spacing: { xs: '8px', sm: '16px', md: '24px', lg: '32px', xl: '48px', }, };