/**
 * Tailwind 主题接 CSS 变量。
 * 所有颜色 / 字体 / 圆角 / 阴影都从 web/src/styles/tokens.* 读取，主题切换
 * 不需要重建 utility。Mantine 与原子组件也消费同一份变量。
 */
/** @type {import("tailwindcss").Config} */
export default {
    content: [
        "./index.html",
        "./src/**/*.{ts,tsx}",
    ],
    theme: {
        extend: {
            colors: {
                bg:                "var(--bg)",
                surface:           "var(--surface)",
                "surface-raised":  "var(--surface-raised)",
                "surface-sunken":  "var(--surface-sunken)",
                divider:           "var(--divider)",
                text:              "var(--text)",
                "text-muted":      "var(--text-muted)",
                accent:            "var(--accent)",
                "accent-soft":     "var(--accent-soft)",
                "accent-on":       "var(--accent-on)",
                "state-online":    "var(--state-online)",
                "state-error":     "var(--state-error)",
                "state-warn":      "var(--state-warn)",
            },
            fontFamily: {
                sans:    "var(--font-sans)",
                serif:   "var(--font-serif)",
                mono:    "var(--font-mono)",
                display: "var(--font-display)",
            },
            borderRadius: {
                card:    "var(--radius-card)",
                control: "var(--radius-control)",
            },
            boxShadow: {
                card:    "var(--shadow-card)",
                raised:  "var(--shadow-raised)",
                overlay: "var(--shadow-overlay)",
            },
            transitionTimingFunction: {
                "ease-out-cdrop":    "var(--ease-out)",
                "ease-in-out-cdrop": "var(--ease-in-out)",
            },
            transitionDuration: {
                fast: "var(--dur-fast)",
                base: "var(--dur-base)",
                slow: "var(--dur-slow)",
            },
        },
    },
    plugins: [],
};