const tokens = {
  colors: {
    primary: '#0070f3',
    secondary: '#7928ca',
    neutral: {
      100: '#fafafa',
      900: '#171717'
    }
  },
  spacing: {
    xs: '4px',
    sm: '8px',
    md: '16px',
    lg: '24px',
    xl: '32px'
  },
  typography: {
    fontFamily: {
      sans: 'Inter, system-ui, sans-serif',
      mono: 'Menlo, monospace'
    },
    fontSize: {
      sm: '14px',
      base: '16px',
      lg: '18px',
      xl: '20px'
    }
  }
}

interface ButtonProps {
  variant?: 'primary' | 'secondary' | 'ghost'
  size?: 'sm' | 'md' | 'lg'
  disabled?: boolean
  onClick?: () => void
  children: React.ReactNode
}

export function Button({
  variant = 'primary',
  size = 'md',
  disabled = false,
  ...props
}: ButtonProps) {
  // Implementation
}

const lightTheme = {
  background: '#ffffff',
  text: '#000000'
}

const darkTheme = {
  background: '#000000',
  text: '#ffffff'
}