/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html", // 如果是 Vite 项目
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {
            colors: {
                // 主题色系
                primary: {
                    DEFAULT: "#6BA8E5",
                    second: "#498AFE",
                    50: "#F0F7FD",
                    100: "#E1EFFB",
                    200: "#C3DFF7",
                    300: "#A5CFF3",
                    400: "#87BFF0",
                    500: "#6BA8E5",
                    600: "#709EC6",
                    700: "#547695",
                    800: "#384F63",
                    900: "#1C2732",
                },
                // 语义化颜色
                success: {
                    DEFAULT: "#07c160",
                    50: "#f0f9f0",
                    100: "#e1f5e1",
                    200: "#c3ebc3",
                    300: "#a5e1a5",
                    400: "#87d787",
                    500: "#07c160",
                    600: "#059a4c",
                    700: "#047338",
                    800: "#024c24",
                    900: "#012510",
                },
                warning: {
                    DEFAULT: "#ff976a",
                    50: "#fff5f0",
                    100: "#ffebe1",
                    200: "#ffd7c3",
                    300: "#ffc3a5",
                    400: "#ffaf87",
                    500: "#ff976a",
                    600: "#cc7955",
                    700: "#995b40",
                    800: "#663d2a",
                    900: "#331f15",
                },
                danger: {
                    DEFAULT: "#ee0a24",
                    50: "#fdf2f2",
                    100: "#fce5e5",
                    200: "#f9caca",
                    300: "#f6b0b0",
                    400: "#f39595",
                    500: "#ee0a24",
                    600: "#be081d",
                    700: "#8f0616",
                    800: "#5f040e",
                    900: "#300207",
                },
                // 中性色
                gray: {
                    50: "#fafafa",
                    100: "#f5f5f5",
                    200: "#e5e5e5",
                    300: "#d4d4d4",
                    400: "#a3a3a3",
                    500: "#737373",
                    600: "#525252",
                    700: "#404040",
                    800: "#262626",
                    900: "#171717",
                },
                // 文本颜色
                text: {
                    primary: "#323233",
                    secondary: "#646566",
                    tertiary: "#969799",
                },
                // 背景颜色
                background: {
                    DEFAULT: "#ffffff",
                    light: "#fafafa",
                    dark: "#f8f8f8",
                },
                // 边框颜色
                border: "#ebedf0",
                // 活跃状态颜色
                active: "#f2f3f5",
            },
            fontFamily: {
                sans: [
                    "Inter",
                    "-apple-system",
                    "BlinkMacSystemFont",
                    "Segoe UI",
                    "Roboto",
                    "Oxygen",
                    "Ubuntu",
                    "Cantarell",
                    "Fira Sans",
                    "Droid Sans",
                    "Helvetica Neue",
                    "sans-serif",
                ],
            },
        },
    },
    plugins: [],
};