/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: ['./src/renderer/index.html', './src/renderer/src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sf: [
          '-apple-system',
          'BlinkMacSystemFont',
          '"SF Pro Display"',
          '"SF Pro Text"',
          '"PingFang SC"',
          '"Helvetica Neue"',
          'Inter',
          'system-ui',
          'sans-serif'
        ]
      },
      colors: {
        apple: {
          // 主强调色跟随用户设置（--accent-rgb），支持 /透明度 语法
          blue: 'rgb(var(--accent-rgb) / <alpha-value>)',
          pink: '#FF375F',
          purple: '#BF5AF2',
          teal: '#64D2FF',
          green: '#30D158',
          orange: '#FF9F0A',
          red: '#FF453A',
          gray: '#8E8E93'
        }
      },
      borderRadius: {
        xl: '14px',
        '2xl': '20px',
        '3xl': '28px'
      },
      backdropBlur: {
        apple: '30px'
      },
      boxShadow: {
        apple: '0 8px 30px rgba(0, 0, 0, 0.12)',
        'apple-lg': '0 20px 60px rgba(0, 0, 0, 0.18)'
      },
      transitionTimingFunction: {
        apple: 'cubic-bezier(0.25, 0.1, 0.25, 1)'
      }
    }
  },
  plugins: []
}