import type { Config } from 'tailwindcss';

export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],
      },
      colors: {
        brand: {
          50: '#f1f5fb',
          100: '#e3e9f5',
          200: '#c7d3ea',
          300: '#a6b9dd',
          400: '#6f8bc8',
          500: '#3a5da7',
          600: '#0c1f3f',
          700: '#0a1a35',
          800: '#08152a',
          900: '#050f20',
        },
      },
      boxShadow: {
        focus: '0 0 0 3px rgba(37,99,235,0.45)',
      },
    },
  },
  plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
} satisfies Config;