/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{html,ts,scss}',
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#f8f7f4',
          100: '#f0ede6',
          200: '#e1dcc9',
          300: '#cfc5a3',
          400: '#b8a67d',
          500: '#a08862',
          600: '#8a7355',
          700: '#725e47',
          800: '#5e4e3d',
          900: '#4f4135',
        },
        secondary: {
          50: '#f7f6f4',
          100: '#efede8',
          200: '#ddd8d0',
          300: '#c7beb0',
          400: '#aea08c',
          500: '#9a8674',
          600: '#8d7968',
          700: '#756457',
          800: '#61544a',
          900: '#50463e',
        },
        accent: {
          50: '#fdf8f6',
          100: '#f2e8e5',
          200: '#eaddd7',
          300: '#e0cec7',
          400: '#d2bab0',
          500: '#bfa094',
          600: '#a18072',
          700: '#977669',
          800: '#846358',
          900: '#43302b',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        serif: ['Playfair Display', 'serif'],
        script: ['Dancing Script', 'cursive'],
        caps: ['Cormorant Garamond', 'serif'],
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}