import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: ["./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Vazirmatn", "Tahoma", "Arial", "sans-serif"],
      },
      colors: {
        brand: {
          50: "#eff6ff",
          100: "#dbeafe",
          200: "#bfdffe",
          300: "#93c5fd",
          400: "#60a5fa",
          500: "#3b8df8",
          600: "#1a76f7",
          700: "#1560d6",
          800: "#1851a8",
          900: "#194786",
          950: "#142c4f",
        },
      },
      boxShadow: {
        card: "0 1px 3px 0 rgb(16 24 40 / 0.07), 0 1px 2px -1px rgb(16 24 40 / 0.07)",
        "card-hover": "0 10px 30px -8px rgb(16 24 40 / 0.16)",
      },
      animation: {
        "fade-up": "fadeUp .5s ease both",
        shimmer: "shimmer 1.6s linear infinite",
      },
      keyframes: {
        fadeUp: {
          from: { opacity: "0", transform: "translateY(12px)" },
          to: { opacity: "1", transform: "translateY(0)" },
        },
        shimmer: {
          from: { backgroundPosition: "200% 0" },
          to: { backgroundPosition: "-200% 0" },
        },
      },
    },
  },
  plugins: [],
};
export default config;