tailwind.config.js

module.exports = {
  purge: [
    'src/**/*.js',
    'src/**/*.jsx',
    'src/**/*.ts',
    'src/**/*.tsx',
    'public/**/*.html',
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        body: '#F2F2F2',
        primary: '#F9855B',
        primaryLight: '#FFDACC',
        primaryDark: '#E87E58',
        secondary: '#000',
        secondaryLight: '#423B39',
        white: '#FFF',
        border: '#CFD2DA',
        borderLight: '#FFA07D',
        placeholder: '#B0B4BD',
        grayLight: '#727274',
      },

      fontFamily: {
        display: 'Nunito',
        body: 'Roboto',
      },

      minHeight: {
        0: '0',
        '1/4': '25%',
        '1/2': '50%',
        '3/4': '75%',
        full: '100%',
      },

      backgroundImage: (theme) => ({
        'any-image': "url('/src/images/test.jpg')",
      }),
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};