/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx,js,jsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['"Plus Jakarta Sans"', 'Inter', 'system-ui', 'sans-serif'],
        display: ['"Plus Jakarta Sans"', 'Inter', 'system-ui', 'sans-serif'],
      },
      colors: {
        brand: {
          50: '#f5f7ff',
          100: '#e9edff',
          200: '#cdd7ff',
          300: '#a5b6ff',
          400: '#7a8df9',
          500: '#5a6bf0',
          600: '#4350d7',
          700: '#4149b3',
          800: '#343b8a',
          900: '#2d336c',
        },
        ink: '#000000',
        mist: '#fcfcf6',
      },
      boxShadow: {
        subtle: '0 20px 45px -25px rgba(18, 28, 132, 0.35)',
      },
      keyframes: {
        blink: {
          '0%, 100%': { opacity: 1 },
          '50%': { opacity: 0.35 },
        },
        'data-stream': {
          '0%': { backgroundPosition: '0% 50%' },
          '100%': { backgroundPosition: '200% 50%' },
        },
      },
      animation: {
        blink: 'blink 0.9s steps(2, start) infinite',
        'data-stream': 'data-stream 2.75s linear infinite',
      },
    },
  },
  plugins: [],
};