tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}'
  ],
  theme: {
    colors: {
      transparent: 'transparent',
      zinc: {
        50: '#fafafa',
        100: '#f4f4f5',
        200: '#e4e4e7',
        300: '#d4d4d8',
        400: '#a1a1aa',
        500: '#71717a',
        600: '#52525b',
        700: '#3f3f46',
        800: '#27272a',
        900: '#18181b',
        950: '#09090b'
      },
      blue: {
        50: '#eff6ff',
        100: '#dbeafe',
        200: '#bae6fd',
        300: '#93c5fd',
        400: '#60a5fa',
        500: '#3b82f6',
        600: '#2563eb',
        800: '#1e40af',
        900: '#1e3a8a',
        950: '#172554'
      }
    },
    extend: {
      lineHeight: {
        15: '3.75rem'
      },
      backgroundImage: {
        dashed: "url('/images/dashed.svg')"
      }
    }
  },
  plugins: []
}