tailwind.config.ts

import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Pretendard Variable', 'sans-serif'],
      },
      fontSize: {
        '7xl': ['3.375rem', '4.5rem'],
        '3xl': ['2rem', '2.625rem'],
        h2xl: ['1.875rem', ''],
        '2xl': ['1.5rem', '2rem'],
        xl: ['1.25rem', '2rem'],
        '2lg': ['1.125rem', '1.625rem'],
        lg: ['1rem', '1.625rem'],
        md: ['0.875rem', '1.5rem'],
        sm: ['0.813rem', '1.375rem'],
        xs: ['0.75rem', '1.25rem'],
        xs2: ['0.75rem', '1.125rem'],
      },
      fontWeight: {
        bold: '700',
        semibold: '600',
        medium: '500',
        regular: '400',
      },
      colors: {
        black: '#101318',
        white: '#FFF',
        gray: {
          100: '#F2F4F8',
          300: '#CFDBEA',
          500: '#9FACBD',
          800: '#2D3034',
        },
        purple: {
          10: '#F1EDFC',
          50: '#E0D9F9',
          100: '#6A42DB',
          200: '#B9A8EF',
          300: '#A590E5',
          400: '#9278DC',
          500: '#7F60D3',
          600: '#6A42DC',
          610: '#6A42DD',
          700: '#5A39C3',
          800: '#4B2F9F',
          900: '#3B257A',
          950: '#2B1B55',
        },
      },
      screens: {
        tab: { max: '1199px' },
        mob: { max: '743px' },
        tab2: { min: '744px' },
        pc: { min: '1200px' },
      },
    },
  },
  plugins: [],
};
export default config;