import type { Config } from "tailwindcss";
import { DESIGN_TOKENS } from "./src/config/theme";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: DESIGN_TOKENS.colors.primary,
          dark: DESIGN_TOKENS.colors.primaryDark,
        },
        accent: DESIGN_TOKENS.colors.accent,
        navy: {
          DEFAULT: DESIGN_TOKENS.colors.navy,
          2: DESIGN_TOKENS.colors.navy2,
        },
        bg: DESIGN_TOKENS.colors.bg,
        card: DESIGN_TOKENS.colors.card,
        text: DESIGN_TOKENS.colors.text,
        muted: DESIGN_TOKENS.colors.muted,
        border: DESIGN_TOKENS.colors.border,
        success: {
          DEFAULT: DESIGN_TOKENS.colors.success,
          bg: DESIGN_TOKENS.colors.successBg,
        },
        warning: {
          DEFAULT: DESIGN_TOKENS.colors.warning,
          bg: DESIGN_TOKENS.colors.warningBg,
        },
        danger: {
          DEFAULT: DESIGN_TOKENS.colors.danger,
          bg: DESIGN_TOKENS.colors.dangerBg,
        },
      },
      borderRadius: {
        DEFAULT: DESIGN_TOKENS.radius.DEFAULT,
        sm: DESIGN_TOKENS.radius.sm,
        md: DESIGN_TOKENS.radius.md,
        lg: DESIGN_TOKENS.radius.lg,
      },
      boxShadow: {
        DEFAULT: DESIGN_TOKENS.shadow.DEFAULT,
        lg: DESIGN_TOKENS.shadow.lg,
      },
      fontFamily: {
        sans: [DESIGN_TOKENS.fonts.sans, "system-ui", "sans-serif"],
        mono: [DESIGN_TOKENS.fonts.mono, "monospace"],
      },
    },
  },
  plugins: [],
};

export default config;