tailwind.config.ts

import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      backgroundImage: {
        index: 'url(/assets/index-background.png)',
        dan: 'url(/assets/pfps/dan-bg.jpg)',
      },
      colors: {
        primary: {
          400: '#D86A6A', // hover red
          500: '#EE2737', // logo red
          600: '#CB303D', // float item red
          700: '#C13541', // title red
        },
        secondary: {
          400: '#BC9496', // light content
          500: '#6E4648', // text
        },
        light: {
          400: '#FFDFCA', // card
          500: '#FDD5BD', // background
        },
        dark: {
          500: '#121212', // background
        },
        discord: {
          500: '#7289DA', // discord color
        }
      },
      maxWidth: {
        '8xl': '88rem',
        '9xl': '96rem',
        '10xl': '104rem',
        '11xl': '112rem',
      },
    },
  },
  plugins: [],
}
export default config