tailwind.config.js

module.exports = {
  theme: {
    fontSize: {
      xs: '0.75rem',
      sm: '0.875rem',
      base: '1rem',
      lg: '1.125rem',
      xl: '2rem',
      '2xl': '3rem',
      '3xl': '3.5rem',
      '4xl': '2.25rem',
      '5xl': '3rem',
      '6xl': '4rem'
    },
    colors: {
      body: '#333',
      white: '#fff',
      primary: '#ff8700',
      secondary: '#34495e',
      orange: {
        100: '#FFF3E6',
        200: '#FFE1BF',
        300: '#FFCF99',
        400: '#FFAB4D',
        500: '#FF8700',
        600: '#E67A00',
        700: '#995100',
        800: '#733D00',
        900: '#4D2900'
      },
      green: {
        100: '#ECF7F2',
        200: '#CFEBDE',
        300: '#B2DFCB',
        400: '#78C7A3',
        500: '#3EAF7C',
        600: '#389E70',
        700: '#25694A',
        800: '#1C4F38',
        900: '#133525'
      }
    },
    spacing: {
      default: '1rem',
      px: '1px',
      0: '0',
      1: '0.25rem',
      2: '0.5rem',
      3: '0.75rem',
      4: '1rem',
      5: '1.25rem',
      6: '1.5rem',
      7: '1.75rem',
      8: '2rem',
      10: '2.5rem',
      12: '3rem',
      '10px': '10px',
      '20px': '20px'
    },
    backgroundPosition: {},
    backgroundSize: {},
    borderColor: {
      default: '#f1f1f1'
    },
    borderRadius: {},
    borderWidth: {
      default: '1px',
      0: '0'
    },
    boxShadow: {},
    container: {
      padding: '1rem',
      indent: '800px'
    },
    cursor: {}
  },
  variants: {}
}