// colors: https://tailwindcss.com/docs/customizing-colors

export const theme = {
  colors: {
    primary: '#3B82F6',
    primaryDisabled: '#60A5FA',
    gray: '#D1D5DB',
    danger: '#DC2626',
    success: '#10B981',
    textColor: '#374151',
  },
  fonts: {
    // typography
    fontStack: '-apple-system, system-ui, sans-serif',

    // font sizes
    largeText: '18px',
    mediumText: '14px',
    smallText: '12px',
    tinyText: '10px',
  },

  radius: {
    card: '5px',
    button: '5px',
    input: '5px',
  },
};