/** @type {import('tailwindcss').Config} */
module.exports = {
  // 多主题经 data-theme 属性切换（--dg-* 单源），无 class 暗色模式
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        // 语义色全部派生自 --dg-* 设计 Token（唯一手写源）
        border: "var(--dg-border)",
        input: "var(--dg-border)",
        ring: "var(--dg-blue)",
        background: "var(--dg-bg-primary)",
        foreground: "var(--dg-text-primary)",
        primary: {
          DEFAULT: "var(--dg-blue)",
          foreground: "#ffffff",
        },
        secondary: {
          DEFAULT: "var(--dg-bg-tertiary)",
          foreground: "var(--dg-text-primary)",
        },
        destructive: {
          DEFAULT: "var(--dg-red)",
          foreground: "#ffffff",
        },
        muted: {
          DEFAULT: "var(--dg-bg-tertiary)",
          foreground: "var(--dg-text-muted)",
        },
        accent: {
          DEFAULT: "var(--dg-bg-hover)",
          foreground: "var(--dg-text-primary)",
        },
        popover: {
          DEFAULT: "var(--dg-bg-secondary)",
          foreground: "var(--dg-text-primary)",
        },
        card: {
          DEFAULT: "var(--dg-bg-secondary)",
          foreground: "var(--dg-text-primary)",
        },
      },
borderRadius: {
        xl: "calc(var(--radius) + 4px)",
        lg: "var(--radius)",
        md: "calc(var(--radius) - 2px)",
        sm: "calc(var(--radius) - 4px)",
        xs: "calc(var(--radius) - 6px)",
      },
      boxShadow: {
        xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}