import type { Config } from "tailwindcss";

export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["var(--bot-font)", "Inter", "system-ui", "sans-serif"],
      },
      colors: {
        primary: "var(--bot-primary)",
        secondary: "var(--bot-secondary)",
        "bg-dark": "var(--bot-bg-dark)",
        "text-on-primary": "var(--bot-text-on-primary)",
      },
      animation: {
        "fade-in-up": "fadeInUp 0.4s ease-out",
        "pulse-dot": "pulseDot 1.4s ease-in-out infinite",
      },
      keyframes: {
        fadeInUp: {
          from: { opacity: "0", transform: "translateY(8px)" },
          to: { opacity: "1", transform: "translateY(0)" },
        },
        pulseDot: {
          "0%, 80%, 100%": { opacity: "0.3" },
          "40%": { opacity: "1" },
        },
      },
    },
  },
  plugins: [],
} satisfies Config;
