tailwind.config.js

module.exports = {
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        coolDark: {
          400: '#40444B',
          500: '#36393f',
          600: '#32353b',
        },
        primary: {
          50: '#fbeff3',
          100: '#d96d91',
          200: '#d55d85',
          300: '#d14d79',
          400: '#cd3c6d',
          500: '#c33364',
          600: '#b22e5a',
          700: '#a22a52',
          800: '#92264a',
          900: '#822142',
        },
        KaiBrand: {
          50: '#fbeff3',
          100: '#ce9cff',
          200: '#bd7aff',
          300: '#B366FF',
          400: '#9f45ff',
          500: '#8a2ded',
          600: '#7a24d1',
          700: '#681aba',
          800: '#5d13ab',
          900: '#530b9e',
        },
      },
      boxShadow: {
        button: 'var(--shadow-button)',
        card: 'var(--shadow-card)',
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};