export default {
  content: [
  './index.html',
  './src/**/*.{js,ts,jsx,tsx}'
],
  theme: {
    extend: {
      colors: {
        ink: '#27221c',
        surface: '#1e1a16',
        copper: {
          DEFAULT: '#d5874c',
          soft: 'rgba(213, 135, 76, 0.14)',
          line: 'rgba(213, 135, 76, 0.32)',
        },
        ivory: '#F5F3EF',
        danger: '#ef4444',
      },
      fontFamily: {
        pinar: ['Pinar', 'Vazirmatn', 'Tahoma', 'sans-serif'],
      },
      boxShadow: {
        glow: '0 0 0 1px rgba(213,135,76,0.35), 0 10px 30px -12px rgba(213,135,76,0.55)',
        'glow-sm': '0 6px 20px -10px rgba(213,135,76,0.7)',
        lift: '0 24px 60px -30px rgba(0,0,0,0.85)',
      },
      transitionTimingFunction: {
        lux: 'cubic-bezier(0.23, 1, 0.32, 1)',
      },
    },
  },
  plugins: [],
}