tailwind.config.js

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#F5F8FF',
          100: '#C4D7FF',
          200: '#93B2FF',
          300: '#628CFE',
          400: '#3164FA',
          500: '#003BF5',
          600: '#0037D2',
          700: '#0031AD',
          800: '#002985',
          900: '#001F5C',
        },
        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',
        },
      },
      spacing: {
        18: '72px',
        46: '184px',
      },
      fontFamily: {
        sans: ['Manrope'],
      },
    },
  },
};