tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
  darkMode: 'class',
  theme: {
    colors: {
      primary: {
        100: '#d2deed',
        200: '#a5bedb',
        300: '#789dc8',
        400: '#4b7db6',
        500: '#3d65af',
        600: '#335594',
        700: '#264070',
        800: '#182947',
        DEFAULT: '#3d65af',
      },
      secondary: {
        100: '#ffcb92',
        200: '#f7b267',
        300: '#f79d65',
        400: '#f4845f',
        500: '#f27059',
        DEFAULT: '#f27059',
      },
      action: {
        100: '',
        200: '',
        300: '',
        400: '',
        500: '',
        DEFAULT: '',
      },
      success: {
        100: '#00FF00',
        200: '#66FF66',
        300: '#99FF99',
        400: '#00CC00',
        500: '#33CC33',
        600: '#009900',
        700: '#00FF33',
        DEFAULT: '#33CC33',
      },
      warning: {
        100: '#fef3c7',
        200: '#fde68a',
        300: '#fcd34d',
        400: '#fbbf24',
        500: '#f59e0b',
        DEFAULT: '#f59e0b',
      },
      error: {
        100: '#961b30',
        200: '#a12a3c',
        300: '#a32e41',
        400: '#a8394a',
        500: '#ad4756',
        DEFAULT: '#ad4756',
      },
    },
    extend: {},
  },
  plugins: [],
};