/** @type {import('tailwindcss').Config} */
export default {
  content: ['./resources/**/*.edge', './resources/**/*.{js,ts,jsx,tsx,vue}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      colors: {
        primary: '#8E52A9',
        red: {
          600: '#F33330',
          700: '#CC2B28',
        },
        green: {
          700: '#118C37',
        },
        gray: {
          800: '#2C2B2A',
          500: '#72716D',
          300: '#C1BFB9',
          200: '#DBD9D2',
          100: '#E7E5E0',
          50: '#F8F7F6',
        },
      },
      boxShadow: {
        DEFAULT: '0px 2px 4px rgba(44, 43, 42, 0.1)',
        spread: '0px 12px 32px rgba(44, 43, 42, 0.16)',
      },
      minWidth: {
        240: '240px',
      },
      fontSize: {
        'xl': ['1.375rem', '2.125rem'],
        '6xl': ['3.625rem', '4rem'],
      },
    },
  },
  plugins: [],
}