tailwind.config.js

module.exports = {
  mode: 'jit',
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        pink: { DEFAULT: '#FF00AA' },
        blue: { DEFAULT: '#00AAFF' },
        purple: { DEFAULT: '#A100F1' },
        bg: '#050B20',
        fg: '#11162D',
        gray: {
          1: '#F4F4F4',
          2: '#E0E0E0',
          3: '#555555',
        },
      },
    },
    screens: {
      xl: { max: '1280px' },
      lg: { max: '1024px' },
      md: { max: '768px' },
      sm: { max: '640px' },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};