tailwind.config.ts

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      fontSize: {
        s: '10px',
      },
      colors: {
        main: '#4CAF50',
        sub: '#F2AB58',
        back1: '#F6F6F6',
        back2: '#FEF7EC',
        white: '#FFFFFF',
        error: '#FF4B4B',
        line1: '#BDBDBD',
        line2: '#CCCCCC',
        font1: '#2F2E36',
        font2: '#B8B8B8',
      },
      backgroundImage: {
        'prev-icon': "url('/images/arrow/prev.svg')",
        'next-icon': "url('/images/arrow/next.svg')",
      },
      boxShadow: {
        custom: '0px 2px 4px 0px rgba(0, 0, 0, 0.25)',
      },
      keyframes: {
        // 모달 창 등장 애니메이션
        revealDown: {
          '0%': {
            transform: 'translate(0, 50%)',
            opacity: '0',
          },
          '100%': {
            transform: 'translate(0, 0)',
            opacity: '1',
          },
        },
      },
      animation: {
        revealDown: 'revealDown 0.3s ease-in-out',
      },
    },
    fontFamily: {
      sans: ['Pretendard', 'Arial', 'sans-serif'],
      BMJUA: ['BMJUA', 'sans-serif'],
    },
    boxShadow: {
      button: '0 2px 4px rgba(0,0,0,0.25) ',
    },
  },
  plugins: [],
};