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: {
      colors: {
        primary: {
          50: '#e6f2f2',
          100: '#cce6e6',
          200: '#99cccc',
          300: '#66b3b3',
          400: '#339999',
          500: '#0d6d6d',
          600: '#0d5d5d',
          700: '#0d4d4d',
          800: '#0a3d3d',
          900: '#082d2d',
          950: '#051a1a',
        },
        accent: {
          50: '#f4faf0',
          100: '#e8f5e0',
          200: '#d1ebc2',
          300: '#b5de9c',
          400: '#9acd76',
          500: '#8bc34a',
          600: '#6fa33a',
          700: '#5a842f',
          800: '#486a26',
          900: '#38521e',
          950: '#1c2a0f',
        },
        secondary: {
          50: '#f8fafc',
          100: '#f1f5f9',
          200: '#e2e8f0',
          300: '#cbd5e1',
          400: '#94a3b8',
          500: '#64748b',
          600: '#475569',
          700: '#334155',
          800: '#1e293b',
          900: '#0f172a',
          950: '#020617',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [],
}

export default config
