export default {
  content: [
    './resources/views/**/*.blade.php',
    './resources/js/**/*.js',
  ],
  safelist: ['lg:justify-start'],
  theme: {
    extend: {
      colors: {
       primary: {
  50:  '#fdf9f1', // very light cream
  100: '#f9edda', // pale gold tint
  200: '#f3d9aa', // soft gold
  300: '#edc57b', // lighter than base
  400: '#e6b24e', // warm gold
  500: '#ebc47c', // base (main button bg)
  600: '#d6a857', // deeper gold (hover state)
  700: '#b88b39', // rich ochre
  800: '#946b29', // dark caramel
  900: '#6f4f1d', // deep brown-gold
},

      },
      fontFamily: {
        inter: ['Inter', 'sans-serif'],
      },
      boxShadow: {
        'soft': '0 4px 20px rgba(0, 0, 0, 0.05)', // used in cards/buttons
      },
      transitionProperty: {
        'colors-opacity': 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity',
      },
    },
  },
  plugins: [],
}
