/** @type {import('tailwindcss').Config} */
/* eslint-disable  */
module.exports = {
  content: ['./src/**/*.{tsx,html,js,jsx}'],
  theme: {
    extend: {
      spacing: {
        0.25: '0.0625rem'
      },
      colors: {
        'grayscale-1': 'var(--grayscale-1)',
        'grayscale-2': 'var(--grayscale-2)',
        'grayscale-3': 'var(--grayscale-3)',
        'grayscale-4': 'var(--grayscale-4)',
        'grayscale-5': 'var(--grayscale-5)',
        'grayscale-6': 'var(--grayscale-6)',
        'grayscale-7': 'var(--grayscale-7)',
        'greyscale-light': 'var(--greyscale-light)',
        'greyscale-extra-light': 'var(--greyscale-extra-light)',
        'grayscale-content-2': 'var(--grayscale-content-2)',
        'grayscale-content-3': 'var(--grayscale-content-3)',
        'grayscale-warm-1': 'var(--grayscale-warm-1)',
        'grayscale-warm-2': 'var(--grayscale-warm-2)',
        'grayscale-warm-3': 'var(--grayscale-warm-3)',
        'grayscale-warm-4': 'var(--grayscale-warm-4)',
        'grayscale-cold-1': 'var(--grayscale-cold-1)',
        'grayscale-cold-2': 'var(--grayscale-cold-2)',
        'grayscale-cold-3': 'var(--grayscale-cold-3)',
        'text-primary': 'var(--text-primary)',
        'text-secondary': 'var(--text-secondary)',
        'bg-primary': 'var(--bg-primary)',
        'bg-primary-warm': 'var(--bg-primary-warm)',
        'bg-secondary': 'var(--bg-secondary)',
        'bg-secondary-warm': 'var(--bg-secondary-warm)',
        'bg-secondary-cold': 'var(--bg-secondary-cold)',
        'gray-border': 'var(--navigation-blue-c2)',
        'bg-dark': 'var(--bg-dark)',
        'bg-transparent': 'var(--bg-transparent)',
        'bg-blue': 'var(--bg-blue)',
        border: 'var(--border)',
        'border-warm': 'var(--border-warm)',
        'border-cold': 'var(--border-cold)',
        'bg-red': 'var(--bg-red)',
        'bg-green': 'var(--bg-green)',
        'border-greyscale': 'var(--border-greyscale)',
        'white-smoke': 'var(--white-smoke)',
        'pale-white': 'var(--pale-white)',
        'floral-white': 'var(--floral-white)',
        'green-base': 'var(--green-base)',
        'green-dark': 'var(--green-dark)',
        'green-light': 'var(--green-light)',
        'green-malenzane': 'var(--green-malenzane)',
        'yellow-base': 'var(--yellow-base)',
        'yellow-dark': 'var(--yellow-dark)',
        'pale-yellow': 'var(--pale-yellow)',
        'yellow-light': 'var(--yellow-light)',
        'yellow-chilean': 'var(--yellow-chilean)',
        'yellow-Chiffon': 'var(--yellow-Chiffon)',
        'orange-base': 'var(--orange-base)',
        'orange-dark': 'var(--orange-dark)',
        'orange-light': 'var(--orange-light)',
        'orange-oldlase': 'var(--orange-oldlase)',
        'orange-darkbase': 'var(--orange-darkbase)',
        'red-base': 'var(--red-base)',
        'red-crisis': 'var(--red-crisis)',
        'pale-red': 'var(--pale-red)',
        'red-light': 'var(--red-light)',
        'red-grayish': 'var(--red-grayish)',
        'red-border': 'var(--red-border)',
        'blue-base': 'var(--blue-base)',
        'blue-light': 'var(--blue-light)',
        'blue-dark': 'var(--blue-dark)',
        'blue-border': 'var(--blue-border)',
        'blue-bg': 'var(--blue-bg)',
        'blue-light-bg': 'var(--blue-light-bg)',
        'blue-dark-cyan': 'var(--blue-dark-cyan)',
        'blue-cyan': 'var(--blue-cyan)',
        'black-base': 'var(--black-base)',
        'green-dark-1': 'var(--green-dark-1)',
        'green-dark-2': 'var(--green-dark-2)'
      },
      backgroundColor: {
        'red-background': 'var(--pale-red)'
      },
      boxShadow: {
        base: 'var(--box-shadow-4)',
        3: 'var(--box-shadow-3)',
        5: 'var(--box-shadow-5)'
      },
      fontSize: {
        xxs: '0.625rem'
      },
      animation: {
        expand: 'expandWidth 1s ease-out all'
      },
      keyframes: {
        expandWidth: {
          '0%': { width: '0' },
          '100%': { width: '100%' }
        }
      }
    }
  },
  corePlugins: {
    preflight: false
  },
  plugins: []
};