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: {
        paper: {
          light: '#D9DACA',   // Light cream/off-white
          sand: '#B1B09C',    // Muted beige/tan
          gray: '#848170',    // Grayish olive
          brown: '#5A554C',   // Medium brown/gray
          dark: '#2F2926',    // Dark brown/charcoal
        },
      },
      backgroundImage: {
        'paper-texture': "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E\")",
      },
      boxShadow: {
        'paper': '2px 2px 0px rgba(47, 41, 38, 0.3)',
        'paper-lg': '4px 4px 0px rgba(47, 41, 38, 0.3)',
        'paper-inset': 'inset 2px 2px 4px rgba(47, 41, 38, 0.2)',
      },
    },
  },
  plugins: [],
}
export default config