tailwind.config.js

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#F2FCF9',
          100: '#DEF8F0',
          200: '#B4EEDD',
          300: '#8AE5CA',
          400: '#61DCB7',
          500: '#37D2A4',
          600: '#27AF86',
          700: '#1E8666',
          800: '#145C46',
          900: '#0B3226',
        },
        secondary: {
          50: '#DBFFFF',
          100: '#A8FFFF',
          200: '#75FFFF',
          300: '#42FFFF',
          400: '#42FFFF',
          500: '#00DBDB',
          600: '#00A7A7',
          700: '#007575',
          800: '#004242',
          900: '#000F0F',
        },
        ui: {
          0: '#FFFFFF',
          50: '#F5F7FA',
          100: '#E4E7EB',
          200: '#CBD2D9',
          300: '#9AA5B1',
          400: '#7B8794',
          500: '#616E7C',
          600: '#52606D',
          700: '#3E4C59',
          800: '#323F4B',
          900: '#1F2933',
        },
        info: {
          100: '#D1FDFA',
          200: '#A4F9FB',
          300: '#75E8F3',
          400: '#52CFE7',
          500: '#1EADD8',
          600: '#1588B9',
          700: '#0F669B',
          800: '#09497D',
          900: '#053467',
        },
        success: {
          100: '#F3FCCC',
          200: '#E4F99A',
          300: '#CCEF66',
          400: '#B2E040',
          500: '#8ECC0A',
          600: '#74AF07',
          700: '#5C9205',
          800: '#467603',
          900: '#366101',
        },
        warning: {
          100: '#FFF3D6',
          200: '#FFE4AD',
          300: '#FFD083',
          400: '#FFBE65',
          500: '#FF9F32',
          600: '#DB7D24',
          700: '#B75E19',
          800: '#93430F',
          900: '#7A3009',
        },
        critical: {
          100: '#FEE4D6',
          200: '#FEC3AE',
          300: '#FD9A86',
          400: '#FB7467',
          500: '#F93636',
          600: '#D62736',
          700: '#B31B35',
          800: '#901132',
          900: '#770A30',
        },
      },
    },
  },
  plugins: [require('@tailwindcss/line-clamp')],
};