import type { Config } from "tailwindcss";

export default {
  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
  theme: {
    extend: {
      colors: {
        brand: {
          DEFAULT: "#0f6e56",
          50: "#f0faf6",
          100: "#d7f2e8",
          200: "#b2e5d4",
          300: "#7dcfb8",
          400: "#46b396",
          500: "#289679",
          600: "#1b7a62",
          700: "#0f6e56",
          800: "#134f40",
          900: "#0f4135",
          950: "#082a22",
        },
      },
      fontFamily: {
        vazir: ["var(--font-vazirmatn)", "system-ui", "sans-serif"],
        inter: ["var(--font-inter)", "system-ui", "sans-serif"],
      },
      animation: {
        "fade-up": "fadeUp 0.5s ease-out forwards",
      },
      keyframes: {
        fadeUp: {
          "0%": { opacity: "0", transform: "translateY(16px)" },
          "100%": { opacity: "1", transform: "translateY(0)" },
        },
      },
    },
  },
  plugins: [],
} satisfies Config;