/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: 'class',
  corePlugins: {
    preflight: true,
  },
  theme: {
    extend: {
      spacing: {
        "42px": "42px",
        "108px": "108px",
        "690px": "690px",
        "60px": "60px",
      },
      colors: {
        primary: '#42b983', // 主题色 蓝色
        secondary: '#6adab3ff', // 次要色 深灰色
        prohibit: '#889096', // 禁用色 浅灰色
        dark: '#171717ff', // 字体色 深黑色
        textdark: '#0C1220', // 字体色 深黑色
        danger: '#FF4D4D', // 危险色 红色
        lightgray: '#f8f8f8ff',
        effect: 'rgba(109, 141, 214, 0.10)', // 外部阴影颜色
        bgColorDark: '#151d38ff',
        secondaryDark: '#525252ff', // 次要色 深灰色
        grey: '#a3a3a3ff', // 次要色 深灰色
        bgColorGrey: '#f5f5f5ff', // 背景色灰色
        bgColorLight: '#e5e5e5ff',
        syGreyBg: '#F8F8F8',
      },
      fontSize: {
        '2xs': ['10px', '15px'],
        '3xs': ['8px', '13px'],
        "42px": "42px",
      },
      boxShadow: {
        default: '40px 40px 120px 0px rgba(46, 47, 58, 0.04)',
      },
      breakInside: ['responsive'],
    },
  },
  plugins: [],
}