// tailwind.config.js
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
  extend: {
    keyframes: {
      "slide-in": { from: { transform: "translateX(100%)" }, to: { transform: "translateX(0)" } },
    },
    animation: { "slide-in": "slide-in 0.25s ease-out forwards" },
  },
},
  theme: {
    extend: {
      /*  brand colours  */
      colors: {
        aptiva: {
          DEFAULT : '#0A84FF',            // primary blue
          dark    : '#005FCC',
          light   : '#3AA0FF',
          accent  : '#FF7C00',            // accent orange
          gray    : '#F7FAFC',            // page bg
        },
      },
      /*  fonts  */
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        mono: ['Fira Code', 'monospace'],
      },
      /*  radii  */
      borderRadius: {
        xl: '1rem',          // 16 px extra-round corners everywhere
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),        // prettier inputs
    require('@tailwindcss/typography'),   // prose-class for AI answers
  ],
};