import type { Config } from "tailwindcss";

// Design tokens from spec §7
const config: Config = {
  content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        brand: {
          50: "#fdf3f8",
          100: "#fdeaf3",
          200: "#f6cfe2",
          500: "#d6046e",
          600: "#b0035a",
          700: "#a30354",
        },
        surface: "#f9f1f5",
        border: {
          DEFAULT: "#eedde6",
          subtle: "#f7e8ef",
        },
        ink: {
          DEFAULT: "#2d1c26",
          body: "#503b47",
          muted: "#7a636f",
        },
        success: { bg: "#dff6dd", text: "#0e700e" },
        danger: { bg: "#fde7e9", text: "#b10e1c", solid: "#c50f1f" },
        warning: { bg: "#fff4ce", text: "#835b00" },
        info: { bg: "#d7f0f0", text: "#00666d" },
        purple: { bg: "#f0ecf7", text: "#5c2e91" },
      },
      borderRadius: {
        DEFAULT: "8px",
      },
      fontFamily: {
        sans: ["var(--font-nunito)", "system-ui", "sans-serif"],
      },
    },
  },
  plugins: [],
};

export default config;