import type { Config } from 'tailwindcss';

const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        ink: '#0a0a0a',
        paper: '#fafafa',
        accent: '#ff6b35',
        noir: '#0A0A0F',
        'noir-2': '#11111A',
        'noir-3': '#171723',
      },
      backgroundImage: {
        'accent-violet': 'linear-gradient(135deg, #8B5CF6 0%, #6366F1 50%, #3B82F6 100%)',
        'accent-fuchsia': 'linear-gradient(135deg, #D946EF 0%, #8B5CF6 100%)',
        'noir-radial': 'radial-gradient(circle at 20% 0%, rgba(139,92,246,0.18), transparent 60%), radial-gradient(circle at 90% 90%, rgba(59,130,246,0.12), transparent 50%)',
      },
      boxShadow: {
        'glow-violet': '0 0 40px -8px rgba(139, 92, 246, 0.45)',
        'glow-blue': '0 0 40px -8px rgba(59, 130, 246, 0.45)',
        'card-noir': '0 1px 0 0 rgba(255,255,255,0.06) inset, 0 18px 60px -20px rgba(0,0,0,0.6)',
      },
    },
  },
  plugins: [],
};
export default config;