import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
  theme: {
    extend: {
      colors: {
        emerald: { DEFAULT: "#0F6E56", dark: "#0B5945", light: "#E6F0EC" },
        teal: { DEFAULT: "#1D9E75", light: "#E3F5ED" },
        sand: { DEFAULT: "#F5F1E8", dark: "#EAE3D2" },
        ink: "#1A1A1A",
        muted: "#6B6B66",
        success: "#16A34A",
        warning: "#D97706",
        error: "#DC2626",
      },
      borderRadius: {
        card: "12px",
      },
      boxShadow: {
        card: "0 1px 3px rgba(26,26,26,0.06), 0 1px 2px rgba(26,26,26,0.04)",
        cardHover: "0 4px 16px rgba(15,110,86,0.10)",
      },
      fontFamily: {
        sans: ["var(--font-jakarta)", "Inter", "system-ui", "sans-serif"],
      },
    },
  },
  plugins: [],
};
export default config;