import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./lib/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        ink: "#10231D",
        forest: "#0F6E56",
        mint: "#1D9E75",
        cream: "#F6F0E7",
        paper: "#FFFDF8",
        saffron: "#E8A23A",
        coral: "#E56A54",
        indigo: "#7F77DD"
      },
      boxShadow: {
        soft: "0 24px 80px rgba(16, 35, 29, 0.12)",
        lift: "0 14px 36px rgba(15, 110, 86, 0.16)"
      },
      fontFamily: {
        sans: ["var(--font-inter)", "Inter", "system-ui", "sans-serif"],
        display: ["var(--font-display)", "Georgia", "serif"]
      },
      keyframes: {
        fadeUp: {
          "0%": { opacity: "0", transform: "translateY(12px)" },
          "100%": { opacity: "1", transform: "translateY(0)" }
        }
      },
      animation: {
        fadeUp: "fadeUp .55s ease both"
      }
    }
  },
  plugins: []
};

export default config;