export const theme = {
  colors: {
    primary: '#105D38', // Primary green
    primaryLight: '#2A7D4A', // Lighter green
    primaryLightest: '#E6F4EC', // Very light green background
    accent: '#FFB668', // Primary orange
    accentLight: '#FFC88A', // Lighter orange
    accentLightest: '#FFF4E8', // Very light orange background
    text: '#FFB668', // Orange for text accents
    textDark: '#105D38', // Green for headings and dark text
    textMuted: '#666666', // Muted text color
    background: '#ffffff',
    border: '#E0E0E0', // Light border
  },
  fonts: {
    sans: '"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
  },
  spacing: {
    xs: '8px',
    sm: '16px',
    md: '24px',
    lg: '32px',
    xl: '48px',
  },
};