/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        surface: '#242424',
        background: '#1a1a1a',
        // 深色主题背景
        bg: {
          primary: '#0d0d0d',
          secondary: '#141414',
          tertiary: '#1a1a1a',
          elevated: '#242424',
          hover: '#2a2a2a',
        },
        // 文字色
        text: {
          primary: '#ffffff',
          secondary: '#a1a1a1',
          tertiary: '#6e6e6e',
        },
        // 边框
        border: {
          DEFAULT: '#2a2a2a',
          hover: '#3a3a3a',
        },
        // 强调色 - 青绿色系
        accent: {
          primary: '#10a37f',
          DEFAULT: '#10a37f',
          hover: '#0d8c6d',
          secondary: '#19c59f',
        },
        // 状态色
        status: {
          success: '#10a37f',
          warning: '#f59e0b',
          error: '#ef4444',
          danger: '#ef4444',
          neutral: '#6b7280',
        },
        apple: {
          blue: '#0a84ff',
          green: '#30d158',
          indigo: '#5856d6',
          orange: '#ff9f0a',
          pink: '#ff375f',
          purple: '#bf5af2',
          red: '#ff453a',
          teal: '#64d2ff',
          yellow: '#ffd60a'
        },
        system: {
          background: {
            primary: '#1a1a1a',
            secondary: '#2a2a2a',
            tertiary: '#3a3a3a'
          },
          gray: {
            1: '#8e8e93',
            2: '#636366',
            3: '#48484a',
            4: '#3a3a3c',
            5: '#2c2c2e',
            6: '#1c1c1e'
          },
          label: {
            primary: '#ffffff',
            secondary: '#98989d',
            tertiary: '#6c6c70',
            quaternary: '#4b5563'
          }
        }
      },
      fontFamily: {
        sans: [
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          'Roboto',
          '"Helvetica Neue"',
          'Arial',
          'sans-serif',
        ],
      },
      borderRadius: {
        'sm': '6px',
        'md': '8px',
        'lg': '12px',
        'xl': '16px',
        'full': '9999px',
      },
      spacing: {
        'xs': '4px',
        'sm': '8px',
        'md': '12px',
        'lg': '16px',
        'xl': '24px',
        '2xl': '32px',
      },
      transitionDuration: {
        'fast': '150ms',
        'normal': '250ms',
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
  ],
}