/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Inter", "system-ui", "sans-serif"],
      },
      colors: {
        brand: {
          50: "#eef4ff",
          100: "#dbe6ff",
          200: "#bfd2ff",
          300: "#93b4ff",
          400: "#608bff",
          500: "#3b66ff",
          600: "#2447f5",
          700: "#1c36dc",
          800: "#1d31b1",
          900: "#1e2f8c",
          950: "#161e54",
        },
        accent: {
          50: "#fef7ee",
          100: "#fdedd6",
          200: "#fbd7ac",
          300: "#f8ba77",
          400: "#f49342",
          500: "#f17616",
          600: "#df5d0b",
          700: "#b9440b",
          800: "#943612",
          900: "#7a2f12",
        },
      },
      boxShadow: {
        soft: "0 2px 12px -2px rgba(15, 23, 42, 0.08)",
        card: "0 6px 24px -6px rgba(15, 23, 42, 0.12)",
      },
      borderRadius: {
        xl: "0.9rem",
        "2xl": "1.25rem",
      },
      animation: {
        "fade-in": "fadeIn 0.25s ease-out",
        "slide-up": "slideUp 0.3s ease-out",
        "scale-in": "scaleIn 0.2s ease-out",
      },
      keyframes: {
        fadeIn: {
          "0%": { opacity: "0" },
          "100%": { opacity: "1" },
        },
        slideUp: {
          "0%": { opacity: "0", transform: "translateY(8px)" },
          "100%": { opacity: "1", transform: "translateY(0)" },
        },
        scaleIn: {
          "0%": { opacity: "0", transform: "scale(0.96)" },
          "100%": { opacity: "1", transform: "scale(1)" },
        },
      },
    },
  },
  plugins: [],
};