/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    fontFamily: {
      'titles': ['Poppins', 'serif'],
      'default': ['Inter', 'serif']
    },
    backgroundSize: {
      '30px': '30px'
    },
    extend: {
      invert: {
        80: '0.80'
      },
      dropShadow: {
        'default': '0 3px 6px rgb(0, 0, 0)',
        'text': '1px 1px 5px rgba(0, 0, 0, 0.25)',
        '20': '0 3px 6px rgba(0, 0, 0, 0.2)'
      },
      boxShadow: {
        'character': '0 4px 30px rgba(0, 0, 0, 0.1)',
      },
      colors: {
        red: {
          DEFAULT: '#d50000',
          50: '#d50000',
          100: '#b30000'
        },
        bordeaux: {
          DEFAULT: '#800020',
          50: '#cc0033',
          100: '#800020',
          200: '#4c0000'
        },
        blue: {
          DEFAULT: '#00c2ff'
        },
        green: {
          DEFAULT: '#09ad19'
        },
        cyan: {
          DEFAULT: '#368f8b',
          50: '#00b3b3',
          100: '#368f8b',
          200: '#376362'
        },
        gray: {
          DEFAULT: '#7f7f7f',
          50: '#d3d3d3',
          100: '#7f7f7f',
          200: '#696969',
          300: '#313638',
          500: '#778899'
        }
      }
    },
  },
  plugins: [],
  corePlugins: {
    preflight: false
  }
}