import type { Config } from 'tailwindcss'

export default <Config>{
  content: [
    './components/**/*.vue',
    './pages/**/*.vue',
    './app.vue'
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#155EEF',
          50: '#EBF0FF',
          100: '#D6E0FF',
          500: '#155EEF',
          700: '#0B4C8C',
          900: '#062D5E'
        },
        accent: {
          DEFAULT: '#20C997',
          50: '#E6F9F5',
          500: '#20C997',
          700: '#18A999'
        },
        cta: {
          DEFAULT: '#FF8A3D',
          500: '#FF8A3D',
          700: '#FF7A1A'
        },
        surface: {
          DEFAULT: '#F5F9FF',
          white: '#FFFFFF'
        },
        text: {
          primary: '#1F2937',
          secondary: '#6B7280'
        }
      },
      fontFamily: {
        sans: ['"Noto Sans SC"', '"Source Han Sans"', '"Alibaba PuHuiTi"', 'system-ui', 'sans-serif'],
        mono: ['Inter', 'system-ui', 'sans-serif']
      }
    }
  }
}