import type { Config } from 'tailwindcss'

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        metro: {
          navy:    '#0B2545',
          blue:    '#1B4F8A',
          sky:     '#2E9CCA',
          teal:    '#1DB8A0',
          amber:   '#F5A623',
          light:   '#F0F6FF',
          muted:   '#6B7E9A',
          border:  '#D1DCF0',
        },
      },
      fontFamily: {
        sans: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],
      },
      backgroundImage: {
        'hero-gradient': 'linear-gradient(135deg, #0B2545 0%, #1B4F8A 50%, #2E9CCA 100%)',
        'card-gradient': 'linear-gradient(135deg, #1B4F8A 0%, #2E9CCA 100%)',
      },
    },
  },
  plugins: [],
}

export default config