import type { Config } from "tailwindcss";

/**
 * پیکربندی Tailwind با رویکرد White-label.
 * رنگ‌ها به CSS Variables متصل هستند تا با تغییر theme.config.json
 * برند بدون build مجدد قابل تغییر باشد.
 */
const config: Config = {
  darkMode: "class",
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['"Yekan Bakh FaNum"', "system-ui", "sans-serif"],
      },
      colors: {
        primary: "var(--color-primary)",
        secondary: "var(--color-secondary)",
        canvas: "var(--canvas)",
        surface: "var(--surface)",
        muted: "var(--muted)",
        border: "var(--border)",
      },
      borderRadius: {
        sm: "var(--radius-sm)",
        md: "var(--radius-md)",
        lg: "var(--radius-lg)",
      },
      boxShadow: {
        sm: "var(--shadow-sm)",
        md: "var(--shadow-md)",
      },
    },
  },
  plugins: [],
};

export default config;