import type { Config } from 'tailwindcss'

export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        'sans': ['SF Pro Display', 'Roboto', 'ui-sans-serif', 'system-ui', '-apple-system', 'BlinkMacSystemFont', "Segoe UI", 'Arial', 'sans-serif']
      },
      colors: {
        orange: {
          light: '#FF4900',
          DEFAULT: '#FF4900',
          dark: '#FF4900',
        }
      }
    },
    screens: {
      'ss': '375px',
      'st': '500px',
      'sm': '640px',
      'md': '768px',
      'lg': '1024px',
      'xl': '1280px',
      '2xl': '1536px',
    },
    fontSize: {
      'ss': '12px',
      'st': '14px',
      'base': '16px', // 默认基准字体大小
      'sm': '16px',   // 小屏幕下的基准字体大小
      'md': '20px',   // 中等屏幕下的基准字体大小
      'lg': '22px',   // 大屏幕下的基准字体大小
      'xl': '24px',   // 超大屏幕下的基准字体大小
    }
  },
  plugins: [
    require('@tailwindcss/forms'),
  ],
} satisfies Config