tailwind.config.js

module.exports = {
  content: ['./pages/**/*.{js,jsx,ts,tsx}', './components/**/*.{js,jsx,ts,tsx}', './container/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        r1: '#FF8E00',
        r2: '#FE75B9',
        r3: '#FFD3DD',
        r4: '#DD5D18',
        r5: '#FFD39C',
        a1: '#F42500',
        a2: '#717D96',
        g0: '#FFFFFF',
        g1: '#FAFAFA',
        g2: '#EEEEEE',
        g3: '#E0E0E0',
        g4: '#BDBDBD',
        g5: '#757575',
        g6: '#424242',
        g7: '#212121',
        n700: '#696F8C',
      },
      fontFamily: {
        poppins: ['Poppins', 'sans-serif'],
        pretendard: ['Pretendard', 'sans-serif'],
      },
      maxWidth: {
        default: '335px',
        max: '440px',
      },
      spacing: {
        default: '335px',
        footerImg: '93.75px',
      },
      width: {
        default: '335px',
        medium: '125px',
        small: '77px',
        footerImg: '20px',
        footerContainer: '93.75px',
        loginImg: '375px',
        max: '440px',
      },
      height: {
        footerImg: '18px',
        footerContainer: '66px',
        loginImg: '440px',
      },
    },
  },
  plugins: [],
};