/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {},
    colors: {
      bgc: '#F7F8FA',
      black: '#000',
      white: '#FFF',
      primary: {
        100: '#d5e3fd',
        200: '#abc8fc',
        300: '#81acfa',
        400: '#5791f9',
        500: '#2d75f7',
        600: '#245ec6',
        700: '#1b4694',
        800: '#122f63',
        900: '#091731'
      },
      green: {
        100: '#d8f4e6',
        200: '#b0e9cd',
        300: '#89ddb3',
        400: '#61d29a',
        500: '#3ac781',
        600: '#2e9f67',
        700: '#23774d',
        800: '#175034',
        900: '#0c281a'
      },
      red: {
        100: '#ffd4d4',
        200: '#ffaaa9',
        300: '#ff7f7f',
        400: '#ff5554',
        500: '#ff2a29',
        600: '#cc2221',
        700: '#991919',
        800: '#661110',
        900: '#330808'
      },
      unnt: '#E5E6EB',
      blin: '#E9E9E9',
      disable: '#8c8c8c',
      'soft-gray': '#E8E8E8'
    }
  },
  plugins: []
}