import type { Config } from 'tailwindcss';

const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        ink: '#081006',
        paper: '#f8f7ef',
        accent: '#d6b36a',
        noir: '#030603',
        'noir-2': '#071006',
        'noir-3': '#10180c',
      },
      backgroundImage: {
        'accent-violet': 'linear-gradient(135deg, #e6f578 0%, #d6b36a 100%)',
        'accent-fuchsia': 'linear-gradient(135deg, #d6b36a 0%, #8cb478 100%)',
        'noir-radial': 'linear-gradient(180deg, rgba(12,28,10,0.8), rgba(3,6,3,1))',
      },
      boxShadow: {
        'glow-violet': '0 0 40px -8px rgba(230, 245, 120, 0.38)',
        'glow-blue': '0 0 40px -8px rgba(214, 179, 106, 0.34)',
        'card-noir': '0 1px 0 0 rgba(255,255,255,0.08) inset, 0 18px 60px -20px rgba(0,0,0,0.72)',
      },
    },
  },
  plugins: [],
};
export default config;